uapp-communication-sdk 1.0.0-dev.54

package/rtk-recording-toggle.entry-R0uQfZhd.js

@@ -0,0 +1,103 @@
+import { G as e, J as t, Q as n, Y as r, Z as i, g as a } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as o } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-recording-toggle.entry.js
+var s = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}", c = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, l = class {
+	constructor(t) {
+		n(this, t), this.apiError = r(this, "rtkApiError", 7), this.variant = "button", this.t = e(), this.iconPack = a, this.disabled = !1, this.canRecord = !1, this.permissionsUpdateListener = () => {
+			this.canRecord = this.meeting.self.permissions.canRecord === !0;
+		}, this.toggleRecording = async () => {
+			if (!(this.isLoading() || this.disabled)) switch (this.recordingState) {
+				case "IDLE":
+					try {
+						await this.meeting?.recording.start();
+						return;
+					} catch {
+						this.apiError.emit({
+							trace: this.t("recording.start"),
+							message: this.t("recording.error.start")
+						});
+					}
+					return;
+				case "RECORDING":
+					try {
+						await this.meeting?.recording.stop();
+						return;
+					} catch {
+						this.apiError.emit({
+							trace: this.t("recording.stop"),
+							message: this.t("recording.error.stop")
+						});
+					}
+					return;
+				case "PAUSED":
+					try {
+						await this.meeting?.recording.resume();
+						return;
+					} catch {
+						this.apiError.emit({
+							trace: this.t("recording.resume"),
+							message: this.t("recording.error.resume")
+						});
+					}
+					return;
+				default: return;
+			}
+		}, this.isLoading = () => !this.meeting || this.recordingState === "STARTING" || this.recordingState === "STOPPING";
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		var e, t;
+		this.recordingStateUpdateListener && ((e = this.meeting) == null || e.recording.removeListener("recordingUpdate", this.recordingStateUpdateListener)), (t = this.meeting) == null || t.self.permissions.removeListener("permissionsUpdate", this.permissionsUpdateListener);
+	}
+	meetingChanged(e) {
+		e != null && (this.recordingState = e.recording.recordingState, this.permissionsUpdateListener(), this.recordingStateUpdateListener = (e) => {
+			this.recordingState = e;
+		}, e.recording.addListener("recordingUpdate", this.recordingStateUpdateListener), e.self.permissions.addListener("permissionsUpdate", this.permissionsUpdateListener));
+	}
+	getLabel() {
+		switch (this.recordingState) {
+			case "IDLE": return "recording.idle";
+			case "RECORDING": return "recording.stop";
+			case "STARTING": return "recording.starting";
+			case "STOPPING": return "recording.stopping";
+			case "PAUSED": return "recording.resume";
+			default: return "recording.loading";
+		}
+	}
+	getIcon() {
+		switch (this.recordingState) {
+			case "IDLE": return this.iconPack.recording;
+			case "RECORDING": return this.iconPack.stop_recording;
+			default: return this.iconPack.recording;
+		}
+	}
+	render() {
+		if (!this.meeting) return null;
+		if (this.canRecord) return i(t, { title: this.t(this.recordingState === "RECORDING" ? "recording.stop" : "recording.idle") }, i("rtk-controlbar-button", {
+			part: "controlbar-button",
+			size: this.size,
+			iconPack: this.iconPack,
+			onClick: this.toggleRecording,
+			icon: this.getIcon(),
+			isLoading: this.isLoading(),
+			label: this.t(this.getLabel()),
+			variant: this.variant,
+			disabled: this.disabled
+		}));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+c([o()], l.prototype, "meeting", void 0), c([o()], l.prototype, "t", void 0), c([o()], l.prototype, "iconPack", void 0), l.style = s;
+//#endregion
+export { l as rtk_recording_toggle };
+
+//# sourceMappingURL=rtk-recording-toggle.entry-R0uQfZhd.js.map

package/rtk-recording-toggle.entry-Xtd4BknK.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.apiError=e.Y(this,`rtkApiError`,7),this.variant=`button`,this.t=e.G(),this.iconPack=e.g,this.disabled=!1,this.canRecord=!1,this.permissionsUpdateListener=()=>{this.canRecord=this.meeting.self.permissions.canRecord===!0},this.toggleRecording=async()=>{if(!(this.isLoading()||this.disabled))switch(this.recordingState){case`IDLE`:try{await this.meeting?.recording.start();return}catch{this.apiError.emit({trace:this.t(`recording.start`),message:this.t(`recording.error.start`)})}return;case`RECORDING`:try{await this.meeting?.recording.stop();return}catch{this.apiError.emit({trace:this.t(`recording.stop`),message:this.t(`recording.error.stop`)})}return;case`PAUSED`:try{await this.meeting?.recording.resume();return}catch{this.apiError.emit({trace:this.t(`recording.resume`),message:this.t(`recording.error.resume`)})}return;default:return}},this.isLoading=()=>!this.meeting||this.recordingState===`STARTING`||this.recordingState===`STOPPING`}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var e,t;this.recordingStateUpdateListener&&((e=this.meeting)==null||e.recording.removeListener(`recordingUpdate`,this.recordingStateUpdateListener)),(t=this.meeting)==null||t.self.permissions.removeListener(`permissionsUpdate`,this.permissionsUpdateListener)}meetingChanged(e){e!=null&&(this.recordingState=e.recording.recordingState,this.permissionsUpdateListener(),this.recordingStateUpdateListener=e=>{this.recordingState=e},e.recording.addListener(`recordingUpdate`,this.recordingStateUpdateListener),e.self.permissions.addListener(`permissionsUpdate`,this.permissionsUpdateListener))}getLabel(){switch(this.recordingState){case`IDLE`:return`recording.idle`;case`RECORDING`:return`recording.stop`;case`STARTING`:return`recording.starting`;case`STOPPING`:return`recording.stopping`;case`PAUSED`:return`recording.resume`;default:return`recording.loading`}}getIcon(){switch(this.recordingState){case`IDLE`:return this.iconPack.recording;case`RECORDING`:return this.iconPack.stop_recording;default:return this.iconPack.recording}}render(){if(!this.meeting)return null;if(this.canRecord)return e.Z(e.J,{title:this.t(this.recordingState===`RECORDING`?`recording.stop`:`recording.idle`)},e.Z(`rtk-controlbar-button`,{part:`controlbar-button`,size:this.size,iconPack:this.iconPack,onClick:this.toggleRecording,icon:this.getIcon(),isLoading:this.isLoading(),label:this.t(this.getLabel()),variant:this.variant,disabled:this.disabled}))}static get watchers(){return{meeting:[`meetingChanged`]}}};r([t.t()],i.prototype,`meeting`,void 0),r([t.t()],i.prototype,`t`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),i.style=n,exports.rtk_recording_toggle=i;
+//# sourceMappingURL=rtk-recording-toggle.entry-Xtd4BknK.cjs.map

package/rtk-screen-share-toggle.entry-BQa9pzWF.js

@@ -0,0 +1,119 @@
+import { G as e, J as t, Q as n, Y as r, Z as i, g as a } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as o } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-screen-share-toggle.entry.js
+var s = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}", c = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, l = () => typeof navigator < "u" && navigator.mediaDevices !== void 0 && "getDisplayMedia" in navigator.mediaDevices, u = class {
+	constructor(t) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.apiError = r(this, "rtkApiError", 7), this.variant = "button", this.iconPack = a, this.t = e(), this.maxScreenShareCount = -1, this.screenShareCount = 0, this.screenShareEnabled = !1, this.canScreenShare = !1, this.shareScreenPermission = "NOT_REQUESTED", this.screenShareState = {
+			tooltipLabel: this.t("screenshare.start"),
+			label: this.t("screenshare.start"),
+			icon: this.iconPack.share_screen_start,
+			classList: {},
+			showWarning: !1,
+			disable: !1
+		}, this.stageStatus = "OFF_STAGE", this.screenShareListener = () => {
+			let e = this.meeting.participants.active.toArray().filter((e) => e.screenShareEnabled).length, t = +!!this.meeting.self.screenShareEnabled;
+			this.screenShareCount = e + t, this.screenShareEnabled = this.meeting.self.screenShareEnabled, this.getState(), this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate", { media: { screenshare: {
+				enabled: this.screenShareEnabled,
+				count: this.screenShareCount
+			} } });
+		}, this.participantLeftListener = ({ screenShareEnabled: e }) => {
+			e && (this.screenShareCount = Math.max(this.screenShareCount - 1, 0), this.getState(), this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate", { media: { screenshare: {
+				enabled: this.screenShareEnabled,
+				count: this.screenShareCount
+			} } }));
+		}, this.stageStatusListener = () => {
+			this.stageStatus = this.meeting.stage.status, this.canScreenShare = this.meeting.self.permissions.canProduceScreenshare === "ALLOWED";
+		}, this.mediaPermissionUpdateListener = ({ kind: e, message: t }) => {
+			e === "screenshare" && (this.shareScreenPermission = t, this.getState(), t === "COULD_NOT_START" && this.apiError.emit({
+				trace: this.t("screenshare.permissions"),
+				message: this.t("screenshare.error.unknown")
+			}), this.hasPermissionError() && this.stateUpdate.emit({ activePermissionsMessage: {
+				enabled: !0,
+				kind: "screenshare"
+			} }));
+		}, this.reachedMaxScreenShares = () => this.maxScreenShareCount > 0 && this.screenShareCount >= this.maxScreenShareCount, this.toggleScreenShare = async () => {
+			if (this.screenShareState.disable) return;
+			if (this.hasPermissionError()) return this.stateUpdate.emit({ activePermissionsMessage: {
+				enabled: !0,
+				kind: "screenshare"
+			} }), !1;
+			let e = this.meeting?.self;
+			if (this.screenShareEnabled) {
+				e.disableScreenShare();
+				return;
+			}
+			e == null || !this.canScreenShare || this.reachedMaxScreenShares() || this.hasPermissionError() || (this.screenShareState = Object.assign(Object.assign({}, this.screenShareState), { disable: !0 }), await e.enableScreenShare(), this.screenShareState = Object.assign(Object.assign({}, this.screenShareState), { disable: !1 }), this.stateUpdate.emit({ activeMoreMenu: !1 }));
+		};
+	}
+	connectedCallback() {
+		if (!l()) {
+			this.meeting.__internals__.logger.error("[rtk-screenshare-toggle] Device does not support screensharing.");
+			return;
+		}
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		var e, t, n, r, i;
+		(e = this.meeting) == null || e.participants.joined.removeListener("screenShareUpdate", this.screenShareListener), (t = this.meeting) == null || t.participants.joined.removeListener("participantLeft", this.participantLeftListener), (n = this.meeting) == null || n.self.removeListener("screenShareUpdate", this.screenShareListener), (r = this.meeting) == null || r.self.removeListener("mediaPermissionUpdate", this.mediaPermissionUpdateListener), (i = this.meeting?.stage) == null || i.removeListener("stageStatusUpdate", this.stageStatusListener);
+	}
+	meetingChanged(e) {
+		if (e != null) {
+			let { self: t, stage: n } = e;
+			this.canScreenShare = this.meeting.self.permissions.canProduceScreenshare === "ALLOWED", this.maxScreenShareCount = t.config.maxScreenShareCount, this.screenShareEnabled = t.screenShareEnabled;
+			let r = 0;
+			for (let t of e.participants.joined.toArray()) t.screenShareEnabled && r++;
+			this.screenShareCount = r, this.getState(), e.__internals__.logger.info("rtkScreenShare::initialise", { media: { screenshare: {
+				enabled: this.screenShareEnabled,
+				count: this.screenShareCount,
+				maxAllowedCount: this.maxScreenShareCount
+			} } }), this.stageStatus = e.stage.status, e.participants.joined.addListener("screenShareUpdate", this.screenShareListener), e.participants.joined.addListener("participantLeft", this.participantLeftListener), t.addListener("screenShareUpdate", this.screenShareListener), t.addListener("mediaPermissionUpdate", this.mediaPermissionUpdateListener), n?.addListener("stageStatusUpdate", this.stageStatusListener);
+		}
+	}
+	hasPermissionError() {
+		return this.shareScreenPermission === "SYSTEM_DENIED" || this.shareScreenPermission === "DENIED";
+	}
+	getState() {
+		let e = "", t = "", n = "", r = {}, i = this.hasPermissionError() && !this.screenShareEnabled, a = this.reachedMaxScreenShares() && !this.screenShareEnabled, o = this.shareScreenPermission === "COULD_NOT_START";
+		this.screenShareEnabled && !i ? (t = this.t("screenshare.stop"), n = this.iconPack.share_screen_stop, r["red-icon"] = !0) : (t = this.t("screenshare.start"), n = this.iconPack.share_screen_start), this.shareScreenPermission === "SYSTEM_DENIED" ? (e = this.t("perm_sys_denied.screenshare"), r["red-icon"] = !0) : this.shareScreenPermission === "DENIED" ? (e = this.t("perm_denied.screenshare"), r["red-icon"] = !0) : e = t, a && (e = this.t("screenshare.error.max_count")), o && (e = this.t("screenshare.error.unknown")), this.screenShareState = {
+			tooltipLabel: e,
+			label: t,
+			icon: n,
+			classList: r,
+			disable: i || a,
+			showWarning: i || a || o
+		};
+	}
+	render() {
+		return !l() || !this.canScreenShare || ["OFF_STAGE", "REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus) ? i(t, { "data-hidden": !0 }) : i(t, { title: this.screenShareState.label }, i("rtk-tooltip", {
+			placement: "top",
+			kind: "block",
+			label: this.screenShareState.tooltipLabel,
+			delay: 600,
+			part: "tooltip"
+		}, i("rtk-controlbar-button", {
+			part: "controlbar-button",
+			size: this.size,
+			iconPack: this.iconPack,
+			variant: this.variant,
+			label: this.screenShareState.label,
+			icon: this.screenShareState.icon,
+			class: this.screenShareState.classList,
+			onClick: this.toggleScreenShare,
+			disabled: this.screenShareState.disable,
+			showWarning: this.screenShareState.showWarning
+		})));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+c([o()], u.prototype, "states", void 0), c([o()], u.prototype, "meeting", void 0), c([o()], u.prototype, "iconPack", void 0), c([o()], u.prototype, "t", void 0), u.style = s;
+//#endregion
+export { u as rtk_screen_share_toggle };
+
+//# sourceMappingURL=rtk-screen-share-toggle.entry-BQa9pzWF.js.map

package/rtk-screen-share-toggle.entry-gkCyPxbC.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=()=>typeof navigator<`u`&&navigator.mediaDevices!==void 0&&`getDisplayMedia`in navigator.mediaDevices,a=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.apiError=e.Y(this,`rtkApiError`,7),this.variant=`button`,this.iconPack=e.g,this.t=e.G(),this.maxScreenShareCount=-1,this.screenShareCount=0,this.screenShareEnabled=!1,this.canScreenShare=!1,this.shareScreenPermission=`NOT_REQUESTED`,this.screenShareState={tooltipLabel:this.t(`screenshare.start`),label:this.t(`screenshare.start`),icon:this.iconPack.share_screen_start,classList:{},showWarning:!1,disable:!1},this.stageStatus=`OFF_STAGE`,this.screenShareListener=()=>{let e=this.meeting.participants.active.toArray().filter(e=>e.screenShareEnabled).length,t=+!!this.meeting.self.screenShareEnabled;this.screenShareCount=e+t,this.screenShareEnabled=this.meeting.self.screenShareEnabled,this.getState(),this.meeting.__internals__.logger.info(`rtkScreenShare::screenShareUpdate`,{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}})},this.participantLeftListener=({screenShareEnabled:e})=>{e&&(this.screenShareCount=Math.max(this.screenShareCount-1,0),this.getState(),this.meeting.__internals__.logger.info(`rtkScreenShare::screenShareUpdate`,{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}}))},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canScreenShare=this.meeting.self.permissions.canProduceScreenshare===`ALLOWED`},this.mediaPermissionUpdateListener=({kind:e,message:t})=>{e===`screenshare`&&(this.shareScreenPermission=t,this.getState(),t===`COULD_NOT_START`&&this.apiError.emit({trace:this.t(`screenshare.permissions`),message:this.t(`screenshare.error.unknown`)}),this.hasPermissionError()&&this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:`screenshare`}}))},this.reachedMaxScreenShares=()=>this.maxScreenShareCount>0&&this.screenShareCount>=this.maxScreenShareCount,this.toggleScreenShare=async()=>{if(this.screenShareState.disable)return;if(this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:`screenshare`}}),!1;let e=this.meeting?.self;if(this.screenShareEnabled){e.disableScreenShare();return}e==null||!this.canScreenShare||this.reachedMaxScreenShares()||this.hasPermissionError()||(this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!0}),await e.enableScreenShare(),this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!1}),this.stateUpdate.emit({activeMoreMenu:!1}))}}connectedCallback(){if(!i()){this.meeting.__internals__.logger.error(`[rtk-screenshare-toggle] Device does not support screensharing.`);return}this.meetingChanged(this.meeting)}disconnectedCallback(){var e,t,n,r,i;(e=this.meeting)==null||e.participants.joined.removeListener(`screenShareUpdate`,this.screenShareListener),(t=this.meeting)==null||t.participants.joined.removeListener(`participantLeft`,this.participantLeftListener),(n=this.meeting)==null||n.self.removeListener(`screenShareUpdate`,this.screenShareListener),(r=this.meeting)==null||r.self.removeListener(`mediaPermissionUpdate`,this.mediaPermissionUpdateListener),(i=this.meeting?.stage)==null||i.removeListener(`stageStatusUpdate`,this.stageStatusListener)}meetingChanged(e){if(e!=null){let{self:t,stage:n}=e;this.canScreenShare=this.meeting.self.permissions.canProduceScreenshare===`ALLOWED`,this.maxScreenShareCount=t.config.maxScreenShareCount,this.screenShareEnabled=t.screenShareEnabled;let r=0;for(let t of e.participants.joined.toArray())t.screenShareEnabled&&r++;this.screenShareCount=r,this.getState(),e.__internals__.logger.info(`rtkScreenShare::initialise`,{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount,maxAllowedCount:this.maxScreenShareCount}}}),this.stageStatus=e.stage.status,e.participants.joined.addListener(`screenShareUpdate`,this.screenShareListener),e.participants.joined.addListener(`participantLeft`,this.participantLeftListener),t.addListener(`screenShareUpdate`,this.screenShareListener),t.addListener(`mediaPermissionUpdate`,this.mediaPermissionUpdateListener),n?.addListener(`stageStatusUpdate`,this.stageStatusListener)}}hasPermissionError(){return this.shareScreenPermission===`SYSTEM_DENIED`||this.shareScreenPermission===`DENIED`}getState(){let e=``,t=``,n=``,r={},i=this.hasPermissionError()&&!this.screenShareEnabled,a=this.reachedMaxScreenShares()&&!this.screenShareEnabled,o=this.shareScreenPermission===`COULD_NOT_START`;this.screenShareEnabled&&!i?(t=this.t(`screenshare.stop`),n=this.iconPack.share_screen_stop,r[`red-icon`]=!0):(t=this.t(`screenshare.start`),n=this.iconPack.share_screen_start),this.shareScreenPermission===`SYSTEM_DENIED`?(e=this.t(`perm_sys_denied.screenshare`),r[`red-icon`]=!0):this.shareScreenPermission===`DENIED`?(e=this.t(`perm_denied.screenshare`),r[`red-icon`]=!0):e=t,a&&(e=this.t(`screenshare.error.max_count`)),o&&(e=this.t(`screenshare.error.unknown`)),this.screenShareState={tooltipLabel:e,label:t,icon:n,classList:r,disable:i||a,showWarning:i||a||o}}render(){return!i()||!this.canScreenShare||[`OFF_STAGE`,`REQUESTED_TO_JOIN_STAGE`].includes(this.stageStatus)?e.Z(e.J,{"data-hidden":!0}):e.Z(e.J,{title:this.screenShareState.label},e.Z(`rtk-tooltip`,{placement:`top`,kind:`block`,label:this.screenShareState.tooltipLabel,delay:600,part:`tooltip`},e.Z(`rtk-controlbar-button`,{part:`controlbar-button`,size:this.size,iconPack:this.iconPack,variant:this.variant,label:this.screenShareState.label,icon:this.screenShareState.icon,class:this.screenShareState.classList,onClick:this.toggleScreenShare,disabled:this.screenShareState.disable,showWarning:this.screenShareState.showWarning})))}static get watchers(){return{meeting:[`meetingChanged`]}}};r([t.t()],a.prototype,`states`,void 0),r([t.t()],a.prototype,`meeting`,void 0),r([t.t()],a.prototype,`iconPack`,void 0),r([t.t()],a.prototype,`t`,void 0),a.style=n,exports.rtk_screen_share_toggle=a;
+//# sourceMappingURL=rtk-screen-share-toggle.entry-gkCyPxbC.cjs.map

package/rtk-screenshare-view.entry-C0moq-vL.js

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