uapp-communication-sdk 1.0.0-dev.54

package/rtk-breakout-rooms-toggle.entry-CS80xvJx.js

@@ -0,0 +1,51 @@
+import { G as e, J as t, Q as n, Y as r, Z as i, g as a, s as o } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as s } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-breakout-rooms-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{display:block}", 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.canToggle = !1, this.permissionsUpdateListener = () => {
+			this.canToggle = o(this.meeting);
+		}, this.breakoutRoomToggle = () => {
+			let e = this.meeting.connectedMeetings.isActive ? "view" : "create";
+			this.stateUpdate.emit({ activeBreakoutRoomsManager: {
+				active: !this.states?.activeBreakoutRoomsManager?.active,
+				mode: e
+			} });
+		};
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		var e;
+		(e = this.meeting?.self?.permissions) == null || e.off("permissionsUpdate", this.permissionsUpdateListener);
+	}
+	meetingChanged(e) {
+		e && (this.canToggle = o(e), e.self.permissions.on("permissionsUpdate", this.permissionsUpdateListener));
+	}
+	render() {
+		if (!this.meeting) return null;
+		if (this.canToggle) return i(t, { title: this.t("breakout_rooms") }, i("rtk-controlbar-button", {
+			part: "controlbar-button",
+			size: this.size,
+			iconPack: this.iconPack,
+			onClick: this.breakoutRoomToggle,
+			icon: this.iconPack.breakout_rooms,
+			label: this.t("breakout_rooms"),
+			variant: this.variant
+		}));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+l([s()], u.prototype, "meeting", void 0), l([s()], u.prototype, "states", void 0), l([s()], u.prototype, "iconPack", void 0), l([s()], u.prototype, "t", void 0), u.style = c;
+//#endregion
+export { u as rtk_breakout_rooms_toggle };
+
+//# sourceMappingURL=rtk-breakout-rooms-toggle.entry-CS80xvJx.js.map

package/rtk-breakout-rooms-toggle.entry-oj_V6-df.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.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.variant=`button`,this.iconPack=e.g,this.t=e.G(),this.canToggle=!1,this.permissionsUpdateListener=()=>{this.canToggle=e.s(this.meeting)},this.breakoutRoomToggle=()=>{let e=this.meeting.connectedMeetings.isActive?`view`:`create`;this.stateUpdate.emit({activeBreakoutRoomsManager:{active:!this.states?.activeBreakoutRoomsManager?.active,mode:e}})}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var e;(e=this.meeting?.self?.permissions)==null||e.off(`permissionsUpdate`,this.permissionsUpdateListener)}meetingChanged(t){t&&(this.canToggle=e.s(t),t.self.permissions.on(`permissionsUpdate`,this.permissionsUpdateListener))}render(){if(!this.meeting)return null;if(this.canToggle)return e.Z(e.J,{title:this.t(`breakout_rooms`)},e.Z(`rtk-controlbar-button`,{part:`controlbar-button`,size:this.size,iconPack:this.iconPack,onClick:this.breakoutRoomToggle,icon:this.iconPack.breakout_rooms,label:this.t(`breakout_rooms`),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,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_breakout_rooms_toggle=i;
+//# sourceMappingURL=rtk-breakout-rooms-toggle.entry-oj_V6-df.cjs.map

package/rtk-camera-selector_2.entry-BYnu8O_x.js

@@ -0,0 +1,163 @@
+import { $ as e, G as t, J as n, Q 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 { t as l } from "./index-3f51790f-Cnkj1veX.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-camera-selector_2.entry.js
+var u = ".rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline.container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}", 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(e) {
+		r(this, e), this.iconPack = o, this.variant = "full", this.t = t(), this.videoDevices = [], this.canProduceVideo = !0, this.stageStateListener = () => {
+			this.canProduceVideo = this.meeting.self.permissions.canProduceVideo === "ALLOWED";
+		}, this.deviceListUpdateListener = ({ devices: e }) => {
+			this.videoDevices = e.filter((e) => e.kind === "videoinput");
+		}, this.deviceUpdateListener = ({ device: e }) => {
+			e.kind === "videoinput" && (this.currentDevice = e);
+		}, this.mediaPermissionUpdateListener = async ({ kind: e, message: t }) => {
+			this.meeting && e === "video" && t === "ACCEPTED" && (this.videoDevices = await this.meeting.self.getVideoDevices());
+		};
+	}
+	meetingChanged(t) {
+		var n, r, i;
+		t && ((n = t.self) == null || n.addListener("deviceListUpdate", this.deviceListUpdateListener), (r = t.self) == null || r.addListener("deviceUpdate", this.deviceUpdateListener), (i = t.self) == null || i.addListener("mediaPermissionUpdate", this.mediaPermissionUpdateListener), e(async () => {
+			let e = await t.self.getVideoDevices(), n = t.self.getCurrentDevices()?.video;
+			n == null ? this.videoDevices = e : this.videoDevices = [e.find((e) => e.deviceId === n.deviceId) ?? n, ...e.filter((e) => e.deviceId !== n.deviceId)];
+		}));
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		var e, t, n, r;
+		(e = this.meeting?.stage) == null || e.removeListener("stageStatusUpdate", this.stageStateListener), (t = this.meeting) == null || t.self.removeListener("deviceListUpdate", this.deviceListUpdateListener), (n = this.meeting) == null || n.self.removeListener("deviceUpdate", this.deviceUpdateListener), (r = this.meeting) == null || r.self.removeListener("mediaPermissionUpdate", this.mediaPermissionUpdateListener);
+	}
+	async setDevice(e) {
+		let t = this.videoDevices.find((t) => t.deviceId === e);
+		this.currentDevice = t, t != null && await this.meeting?.self.setDevice(t);
+	}
+	render() {
+		if (!this.meeting) return null;
+		let e = 0;
+		return a(n, null, this.canProduceVideo && a("div", {
+			class: "group container " + this.variant,
+			part: "camera-selection"
+		}, a("label", null, this.variant !== "inline" && this.t("camera"), a("rtk-icon", {
+			icon: this.iconPack.video_on,
+			size: "sm"
+		})), a("div", { class: "row" }, a("select", {
+			class: "rtk-select",
+			onChange: (e) => this.setDevice(e.target.value)
+		}, this.videoDevices.map(({ deviceId: t, label: n }) => a("option", {
+			selected: this.currentDevice?.deviceId === t,
+			value: t
+		}, n || `Camera ${++e}`))))));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+d([c()], f.prototype, "meeting", void 0), d([c()], f.prototype, "iconPack", void 0), d([c()], f.prototype, "t", void 0), f.style = u;
+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  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  aspect-ratio: 16 / 9;\n  height: var(--rtk-space-56, 224px);\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));\n\n  transition-property: var(--rtk-transition-property, all);\n  transition-duration: 150ms;\n  container-type: inline-size;\n  container-name: participanttile;\n}\n\n@media (prefers-reduced-motion) {\n  /* No transitions when disabled */\n  :host {\n    --rtk-transition-property: none;\n  }\n}\n\nrtk-avatar {\n  z-index: -1;\n}\n\n/**\n  NOTE: provided :slotted(rtk-name-tag) & rtk-name-tag separately\n  because ::slotted isn't applied on default slots.\n*/\n\n::slotted(rtk-name-tag), \nrtk-name-tag {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), \n  :host([size='sm'][variant='solid']) rtk-name-tag {\n  left: var(--rtk-space-2, 8px);\n  bottom: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-4, 16px);\n}\n\n::slotted(rtk-network-indicator), \nrtk-network-indicator {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n:host([size='sm']) ::slotted(rtk-network-indicator), \n  :host([size='sm']) rtk-network-indicator {\n  right: var(--rtk-space-2, 8px);\n  bottom: var(--rtk-space-2, 8px);\n}\n\nvideo {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n}\n\nvideo.contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\nvideo.cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\nvideo::-webkit-media-controls {\n  display: none !important;\n}\n\n.pinned-icon {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  top: var(--rtk-space-3, 12px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-1, 4px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n\n.network-container {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: var(--rtk-space-2, 8px);\n  font-size: 12px;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n.network-icon {\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));\n}\n\n:host([size='sm']) .pinned-icon {\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n}\n\n:host([variant='gradient']) ::slotted(rtk-audio-visualizer), \n  :host([variant='gradient']) 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  :host([variant='gradient']) 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\nvideo.mirror {\n  transform: scaleX(-1);\n}\n\n/** Name tag positions */\n\n:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='bottom-right']) 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  :host([name-tag-position='bottom-center']) rtk-name-tag {\n  left: auto;\n  right: auto;\n}\n\n:host([name-tag-position='top-left']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='top-left']) 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  :host([name-tag-position='top-right']) 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  :host([name-tag-position='top-center']) rtk-name-tag {\n  left: auto;\n  right: auto;\n  bottom: auto;\n  top: var(--rtk-space-3, 12px);\n}\n\n@media only screen and (max-height: 480px) and (orientation: landscape) {\n  :host([size='sm']) {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  :host([size='sm']) > video {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-12, 48px);\n    width: var(--rtk-space-12, 48px);\n  }\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),\n    :host([size='sm'][variant='solid']) rtk-name-tag {\n      transform-origin: -2% 100%;\n      transform: scale(0.6);\n      z-index: 10;\n      left: var(--rtk-space-0, 0px);\n      bottom: var(--rtk-space-0, 0px);\n      border-radius: var(--rtk-border-radius-none, 0);\n    }\n}\n\n@media only screen and (max-width: 480px) and (orientation: portrait) {\n  :host([size='sm']) {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  :host([size='sm']) > video {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-12, 48px);\n    width: var(--rtk-space-12, 48px);\n  }\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),\n    :host([size='sm'][variant='solid']) rtk-name-tag {\n      transform-origin: -5% 110%;\n      transform: scale(0.6);\n      z-index: 10;\n      left: var(--rtk-space-0, 0px);\n      bottom: var(--rtk-space-0, 0px);\n      border-radius: var(--rtk-border-radius-none, 0);\n    }\n}\n\n@container participanttile (max-width: 300px) {\n  ::slotted(rtk-name-tag),\n  rtk-name-tag {\n    transform-origin: 0 100%;\n    transform: scale(0.8);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-8, 32px) !important;\n    width: var(--rtk-space-8, 32px) !important;\n  }\n}\n\n@container participanttile (max-width: 150px) {\n  ::slotted(rtk-name-tag),\n  rtk-name-tag[variant='solid'] {\n    transform-origin: -10% 130%;\n    transform: scale(0.6);\n    z-index: 10;\n    border-radius: 9999px;\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: 6 !important;\n    width: 6 !important;\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 {
+	onVideoRef(e) {
+		!this.participant || !this.meeting || e === this.videoEl || (this.videoEl = e, this.participant.registerVideoElement(this.videoEl, this.isPreview), this.tileLoad.emit({
+			participant: this.participant,
+			videoElement: this.videoEl
+		}));
+	}
+	connectedCallback() {
+		this.meeting ? this.meetingChanged(this.meeting) : this.participantsChanged(this.participant);
+	}
+	constructor(e) {
+		r(this, e), this.tileLoad = i(this, "tileLoad", 7), this.tileUnload = i(this, "tileUnload", 7), this.isPinned = !1, this.mediaConnectionError = !1, this.nameTagPosition = "bottom-left", this.isPreview = !1, this.config = s(), this.variant = "solid", this.iconPack = o, this.t = t(), this.onPinned = ({ isPinned: e }) => {
+			this.isPinned = e;
+		}, this.isSelf = () => this.isPreview || this.participant.id === this.meeting?.self.id, this.onPlaying = () => {
+			this.playTimeout && clearTimeout(this.playTimeout);
+		}, this.mediaConnectionUpdateListener = this.mediaConnectionUpdateListener.bind(this);
+	}
+	disconnectedCallback() {
+		this.playTimeout && clearTimeout(this.playTimeout), this.participant != null && (this.participant.deregisterVideoElement(this.videoEl, this.isPreview), this.participant.removeListener("pinned", this.onPinned), this.participant.removeListener("unpinned", this.onPinned), this.meeting.meta.off("mediaConnectionUpdate", this.mediaConnectionUpdateListener), this.tileUnload.emit(this.participant));
+	}
+	meetingChanged(e) {
+		e && this.participantsChanged(this.participant);
+	}
+	participantsChanged(e) {
+		if (e) {
+			if (!this.meeting) {
+				this.isPreview && this.videoEl && this.participant.registerVideoElement(this.videoEl, this.isPreview);
+				return;
+			}
+			this.isPinned = e.isPinned, this.videoEl && this.participant.registerVideoElement(this.videoEl, this.isPreview), e.addListener("pinned", this.onPinned), e.addListener("unpinned", this.onPinned), this.meeting.meta.off("mediaConnectionUpdate", this.mediaConnectionUpdateListener), this.meeting.meta.on("mediaConnectionUpdate", this.mediaConnectionUpdateListener);
+		}
+	}
+	mediaConnectionUpdateListener() {
+		let { recv: e, send: t } = this.meeting?.meta?.mediaState ?? {};
+		e?.state !== "connected" && !this.isSelf() || t?.state !== "connected" && this.isSelf() ? this.mediaConnectionError = !0 : this.mediaConnectionError = !1;
+	}
+	isMirrored() {
+		if (this.participant != null && this.isSelf()) {
+			let e = this.states?.prefs?.mirrorVideo;
+			if (typeof e == "boolean") return e;
+		}
+		return !1;
+	}
+	render() {
+		if (!this.meeting) return null;
+		let e = {
+			meeting: this.meeting,
+			size: this.size,
+			states: this.states,
+			config: this.config,
+			iconPack: this.iconPack,
+			t: this.t
+		};
+		return a(n, null, a("video", {
+			ref: (e) => this.onVideoRef(e),
+			class: {
+				mirror: this.isMirrored(),
+				[this.config?.config?.videoFit ?? "cover"]: !0
+			},
+			onPlaying: this.onPlaying,
+			autoPlay: !0,
+			playsInline: !0,
+			muted: !0,
+			part: "video"
+		}), this.isPinned && a("rtk-icon", {
+			class: "pinned-icon",
+			icon: this.iconPack.pin,
+			"aria-label": this.t("pinned"),
+			part: "pinned-icon"
+		}), this.mediaConnectionError && a("div", {
+			class: "network-container",
+			part: "network-indicator"
+		}, a("rtk-icon", {
+			class: "network-icon",
+			icon: this.iconPack.disconnected,
+			"aria-label": this.t("pinned"),
+			part: "pinned-icon"
+		})), a("slot", null, !this.isPreview && a(l, {
+			element: "rtk-participant-tile",
+			defaults: e,
+			childProps: { participant: this.participant },
+			deepProps: !0,
+			onlyChildren: !0
+		})));
+	}
+	static get watchers() {
+		return {
+			meeting: ["meetingChanged"],
+			participant: ["participantsChanged"]
+		};
+	}
+};
+m([c()], h.prototype, "meeting", void 0), m([c()], h.prototype, "states", void 0), m([c()], h.prototype, "config", void 0), m([c()], h.prototype, "iconPack", void 0), m([c()], h.prototype, "t", void 0), h.style = p;
+//#endregion
+export { f as rtk_camera_selector, h as rtk_participant_tile };
+
+//# sourceMappingURL=rtk-camera-selector_2.entry-BYnu8O_x.js.map

package/rtk-camera-selector_2.entry-IGwTt2o0.cjs

@@ -0,0 +1,285 @@
+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=`.rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline.container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}`,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.iconPack=e.g,this.variant=`full`,this.t=e.G(),this.videoDevices=[],this.canProduceVideo=!0,this.stageStateListener=()=>{this.canProduceVideo=this.meeting.self.permissions.canProduceVideo===`ALLOWED`},this.deviceListUpdateListener=({devices:e})=>{this.videoDevices=e.filter(e=>e.kind===`videoinput`)},this.deviceUpdateListener=({device:e})=>{e.kind===`videoinput`&&(this.currentDevice=e)},this.mediaPermissionUpdateListener=async({kind:e,message:t})=>{this.meeting&&e===`video`&&t===`ACCEPTED`&&(this.videoDevices=await this.meeting.self.getVideoDevices())}}meetingChanged(t){var n,r,i;t&&((n=t.self)==null||n.addListener(`deviceListUpdate`,this.deviceListUpdateListener),(r=t.self)==null||r.addListener(`deviceUpdate`,this.deviceUpdateListener),(i=t.self)==null||i.addListener(`mediaPermissionUpdate`,this.mediaPermissionUpdateListener),e.$(async()=>{let e=await t.self.getVideoDevices(),n=t.self.getCurrentDevices()?.video;n==null?this.videoDevices=e:this.videoDevices=[e.find(e=>e.deviceId===n.deviceId)??n,...e.filter(e=>e.deviceId!==n.deviceId)]}))}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var e,t,n,r;(e=this.meeting?.stage)==null||e.removeListener(`stageStatusUpdate`,this.stageStateListener),(t=this.meeting)==null||t.self.removeListener(`deviceListUpdate`,this.deviceListUpdateListener),(n=this.meeting)==null||n.self.removeListener(`deviceUpdate`,this.deviceUpdateListener),(r=this.meeting)==null||r.self.removeListener(`mediaPermissionUpdate`,this.mediaPermissionUpdateListener)}async setDevice(e){let t=this.videoDevices.find(t=>t.deviceId===e);this.currentDevice=t,t!=null&&await this.meeting?.self.setDevice(t)}render(){if(!this.meeting)return null;let t=0;return e.Z(e.J,null,this.canProduceVideo&&e.Z(`div`,{class:`group container `+this.variant,part:`camera-selection`},e.Z(`label`,null,this.variant!==`inline`&&this.t(`camera`),e.Z(`rtk-icon`,{icon:this.iconPack.video_on,size:`sm`})),e.Z(`div`,{class:`row`},e.Z(`select`,{class:`rtk-select`,onChange:e=>this.setDevice(e.target.value)},this.videoDevices.map(({deviceId:n,label:r})=>e.Z(`option`,{selected:this.currentDevice?.deviceId===n,value:n},r||`Camera ${++t}`))))))}static get watchers(){return{meeting:[`meetingChanged`]}}};i([t.t()],a.prototype,`meeting`,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 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  aspect-ratio: 16 / 9;
+  height: var(--rtk-space-56, 224px);
+  overflow: hidden;
+  border-radius: var(--rtk-border-radius-lg, 12px);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));
+
+  transition-property: var(--rtk-transition-property, all);
+  transition-duration: 150ms;
+  container-type: inline-size;
+  container-name: participanttile;
+}
+
+@media (prefers-reduced-motion) {
+  /* No transitions when disabled */
+  :host {
+    --rtk-transition-property: none;
+  }
+}
+
+rtk-avatar {
+  z-index: -1;
+}
+
+/**
+  NOTE: provided :slotted(rtk-name-tag) & rtk-name-tag separately
+  because ::slotted isn't applied on default slots.
+*/
+
+::slotted(rtk-name-tag), 
+rtk-name-tag {
+  position: absolute;
+  left: var(--rtk-space-3, 12px);
+  bottom: var(--rtk-space-3, 12px);
+}
+
+:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), 
+  :host([size='sm'][variant='solid']) rtk-name-tag {
+  left: var(--rtk-space-2, 8px);
+  bottom: var(--rtk-space-2, 8px);
+  height: var(--rtk-space-4, 16px);
+}
+
+::slotted(rtk-network-indicator), 
+rtk-network-indicator {
+  position: absolute;
+  right: var(--rtk-space-3, 12px);
+  bottom: var(--rtk-space-3, 12px);
+}
+
+:host([size='sm']) ::slotted(rtk-network-indicator), 
+  :host([size='sm']) rtk-network-indicator {
+  right: var(--rtk-space-2, 8px);
+  bottom: var(--rtk-space-2, 8px);
+}
+
+video {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  border-radius: var(--rtk-border-radius-lg, 12px);
+}
+
+video.contain {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+video.cover {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+video::-webkit-media-controls {
+  display: none !important;
+}
+
+.pinned-icon {
+  position: absolute;
+  left: var(--rtk-space-3, 12px);
+  top: var(--rtk-space-3, 12px);
+  height: var(--rtk-space-5, 20px);
+  width: var(--rtk-space-5, 20px);
+  padding: var(--rtk-space-1, 4px);
+  border-radius: var(--rtk-border-radius-md, 8px);
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));
+}
+
+.network-container {
+  position: absolute;
+  right: var(--rtk-space-3, 12px);
+  bottom: var(--rtk-space-3, 12px);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: var(--rtk-space-2, 8px);
+  font-size: 12px;
+  border-radius: var(--rtk-border-radius-md, 8px);
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));
+}
+.network-icon {
+  height: var(--rtk-space-5, 20px);
+  width: var(--rtk-space-5, 20px);
+  --tw-text-opacity: 1;
+  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));
+}
+
+:host([size='sm']) .pinned-icon {
+  top: var(--rtk-space-2, 8px);
+  left: var(--rtk-space-2, 8px);
+}
+
+:host([variant='gradient']) ::slotted(rtk-audio-visualizer), 
+  :host([variant='gradient']) rtk-audio-visualizer {
+  position: absolute;
+  top: var(--rtk-space-2, 8px);
+  right: var(--rtk-space-2, 8px);
+  border-radius: 9999px;
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));
+  padding: var(--rtk-space-2, 8px);
+}
+
+:host([variant='gradient']) ::slotted(rtk-name-tag), 
+  :host([variant='gradient']) rtk-name-tag {
+  bottom: var(--rtk-space-0, 0px);
+  left: var(--rtk-space-0, 0px);
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  background-color: transparent;
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  --tw-gradient-from: rgb(var(--rtk-colors-background-1000, 8 8 8));
+  --tw-gradient-to: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+  --tw-gradient-to: transparent;
+}
+
+video.mirror {
+  transform: scaleX(-1);
+}
+
+/** Name tag positions */
+
+:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag), 
+  :host([name-tag-position='bottom-right']) rtk-name-tag {
+  left: auto;
+  right: var(--rtk-space-3, 12px);
+}
+
+:host([name-tag-position='bottom-center']) ::slotted(rtk-name-tag), 
+  :host([name-tag-position='bottom-center']) rtk-name-tag {
+  left: auto;
+  right: auto;
+}
+
+:host([name-tag-position='top-left']) ::slotted(rtk-name-tag), 
+  :host([name-tag-position='top-left']) rtk-name-tag {
+  top: var(--rtk-space-3, 12px);
+  bottom: auto;
+}
+
+:host([name-tag-position='top-right']) ::slotted(rtk-name-tag), 
+  :host([name-tag-position='top-right']) rtk-name-tag {
+  top: var(--rtk-space-3, 12px);
+  right: var(--rtk-space-3, 12px);
+  left: auto;
+  bottom: auto;
+}
+
+:host([name-tag-position='top-center']) ::slotted(rtk-name-tag), 
+  :host([name-tag-position='top-center']) rtk-name-tag {
+  left: auto;
+  right: auto;
+  bottom: auto;
+  top: var(--rtk-space-3, 12px);
+}
+
+@media only screen and (max-height: 480px) and (orientation: landscape) {
+  :host([size='sm']) {
+    border-radius: var(--rtk-border-radius-sm, 4px);
+  }
+
+  :host([size='sm']) > video {
+    border-radius: var(--rtk-border-radius-sm, 4px);
+  }
+
+  ::slotted(rtk-avatar), 
+  rtk-avatar {
+    height: var(--rtk-space-12, 48px);
+    width: var(--rtk-space-12, 48px);
+  }
+    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),
+    :host([size='sm'][variant='solid']) rtk-name-tag {
+      transform-origin: -2% 100%;
+      transform: scale(0.6);
+      z-index: 10;
+      left: var(--rtk-space-0, 0px);
+      bottom: var(--rtk-space-0, 0px);
+      border-radius: var(--rtk-border-radius-none, 0);
+    }
+}
+
+@media only screen and (max-width: 480px) and (orientation: portrait) {
+  :host([size='sm']) {
+    border-radius: var(--rtk-border-radius-sm, 4px);
+  }
+
+  :host([size='sm']) > video {
+    border-radius: var(--rtk-border-radius-sm, 4px);
+  }
+
+  ::slotted(rtk-avatar), 
+  rtk-avatar {
+    height: var(--rtk-space-12, 48px);
+    width: var(--rtk-space-12, 48px);
+  }
+    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),
+    :host([size='sm'][variant='solid']) rtk-name-tag {
+      transform-origin: -5% 110%;
+      transform: scale(0.6);
+      z-index: 10;
+      left: var(--rtk-space-0, 0px);
+      bottom: var(--rtk-space-0, 0px);
+      border-radius: var(--rtk-border-radius-none, 0);
+    }
+}
+
+@container participanttile (max-width: 300px) {
+  ::slotted(rtk-name-tag),
+  rtk-name-tag {
+    transform-origin: 0 100%;
+    transform: scale(0.8);
+  }
+
+  ::slotted(rtk-avatar), 
+  rtk-avatar {
+    height: var(--rtk-space-8, 32px) !important;
+    width: var(--rtk-space-8, 32px) !important;
+  }
+}
+
+@container participanttile (max-width: 150px) {
+  ::slotted(rtk-name-tag),
+  rtk-name-tag[variant='solid'] {
+    transform-origin: -10% 130%;
+    transform: scale(0.6);
+    z-index: 10;
+    border-radius: 9999px;
+  }
+
+  ::slotted(rtk-avatar), 
+  rtk-avatar {
+    height: 6 !important;
+    width: 6 !important;
+  }
+}
+`,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{onVideoRef(e){!this.participant||!this.meeting||e===this.videoEl||(this.videoEl=e,this.participant.registerVideoElement(this.videoEl,this.isPreview),this.tileLoad.emit({participant:this.participant,videoElement:this.videoEl}))}connectedCallback(){this.meeting?this.meetingChanged(this.meeting):this.participantsChanged(this.participant)}constructor(t){e.Q(this,t),this.tileLoad=e.Y(this,`tileLoad`,7),this.tileUnload=e.Y(this,`tileUnload`,7),this.isPinned=!1,this.mediaConnectionError=!1,this.nameTagPosition=`bottom-left`,this.isPreview=!1,this.config=e.m(),this.variant=`solid`,this.iconPack=e.g,this.t=e.G(),this.onPinned=({isPinned:e})=>{this.isPinned=e},this.isSelf=()=>this.isPreview||this.participant.id===this.meeting?.self.id,this.onPlaying=()=>{this.playTimeout&&clearTimeout(this.playTimeout)},this.mediaConnectionUpdateListener=this.mediaConnectionUpdateListener.bind(this)}disconnectedCallback(){this.playTimeout&&clearTimeout(this.playTimeout),this.participant!=null&&(this.participant.deregisterVideoElement(this.videoEl,this.isPreview),this.participant.removeListener(`pinned`,this.onPinned),this.participant.removeListener(`unpinned`,this.onPinned),this.meeting.meta.off(`mediaConnectionUpdate`,this.mediaConnectionUpdateListener),this.tileUnload.emit(this.participant))}meetingChanged(e){e&&this.participantsChanged(this.participant)}participantsChanged(e){if(e){if(!this.meeting){this.isPreview&&this.videoEl&&this.participant.registerVideoElement(this.videoEl,this.isPreview);return}this.isPinned=e.isPinned,this.videoEl&&this.participant.registerVideoElement(this.videoEl,this.isPreview),e.addListener(`pinned`,this.onPinned),e.addListener(`unpinned`,this.onPinned),this.meeting.meta.off(`mediaConnectionUpdate`,this.mediaConnectionUpdateListener),this.meeting.meta.on(`mediaConnectionUpdate`,this.mediaConnectionUpdateListener)}}mediaConnectionUpdateListener(){let{recv:e,send:t}=this.meeting?.meta?.mediaState??{};e?.state!==`connected`&&!this.isSelf()||t?.state!==`connected`&&this.isSelf()?this.mediaConnectionError=!0:this.mediaConnectionError=!1}isMirrored(){if(this.participant!=null&&this.isSelf()){let e=this.states?.prefs?.mirrorVideo;if(typeof e==`boolean`)return e}return!1}render(){if(!this.meeting)return null;let t={meeting:this.meeting,size:this.size,states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return e.Z(e.J,null,e.Z(`video`,{ref:e=>this.onVideoRef(e),class:{mirror:this.isMirrored(),[this.config?.config?.videoFit??`cover`]:!0},onPlaying:this.onPlaying,autoPlay:!0,playsInline:!0,muted:!0,part:`video`}),this.isPinned&&e.Z(`rtk-icon`,{class:`pinned-icon`,icon:this.iconPack.pin,"aria-label":this.t(`pinned`),part:`pinned-icon`}),this.mediaConnectionError&&e.Z(`div`,{class:`network-container`,part:`network-indicator`},e.Z(`rtk-icon`,{class:`network-icon`,icon:this.iconPack.disconnected,"aria-label":this.t(`pinned`),part:`pinned-icon`})),e.Z(`slot`,null,!this.isPreview&&e.Z(n.t,{element:`rtk-participant-tile`,defaults:t,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))}static get watchers(){return{meeting:[`meetingChanged`],participant:[`participantsChanged`]}}};s([t.t()],c.prototype,`meeting`,void 0),s([t.t()],c.prototype,`states`,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,exports.rtk_camera_selector=a,exports.rtk_participant_tile=c;
+//# sourceMappingURL=rtk-camera-selector_2.entry-IGwTt2o0.cjs.map

package/rtk-camera-toggle.entry-Dj_mu3l8.js

@@ -0,0 +1,95 @@
+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-camera-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 = class {
+	constructor(t) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.videoUpdateListener = ({ videoEnabled: e }) => {
+			this.videoEnabled = e;
+		}, this.stageStatusListener = () => {
+			this.stageStatus = this.meeting.stage.status, this.canProduceVideo = this.meeting.self.permissions.canProduceVideo === "ALLOWED";
+		}, this.mediaPermissionUpdateListener = ({ kind: e, message: t }) => {
+			e === "video" && (this.cameraPermission = t);
+		}, this.meetingPermissionsUpdateListener = (e) => {
+			e?.media?.video && (this.canProduceVideo = this.meeting.self.permissions.canProduceVideo === "ALLOWED");
+		}, this.variant = "button", this.iconPack = a, this.t = e(), this.videoEnabled = !1, this.canProduceVideo = !1, this.cameraPermission = "NOT_REQUESTED", this.stageStatus = "OFF_STAGE", this.toggleCamera = () => {
+			var e;
+			if ((e = this.meeting) == null || e.__internals__.logger.info("rtkCameraToggle::toggleCamera", {
+				media: { video: {
+					enabled: !!this.meeting?.self?.videoEnabled,
+					permission: this.cameraPermission,
+					canProduce: this.meeting?.self?.permissions?.canProduceVideo
+				} },
+				webinar: { stageStatus: this.meeting?.stage.status },
+				livestream: { stageStatus: this.meeting?.stage?.status },
+				moduleExists: { self: !!this.meeting?.self }
+			}), this.hasPermissionError()) return this.stateUpdate.emit({ activePermissionsMessage: {
+				enabled: !0,
+				kind: "video"
+			} }), !1;
+			let t = this.meeting?.self;
+			t == null || !this.canProduceVideo || (t.videoEnabled ? t.disableVideo() : t.enableVideo());
+		};
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		var e, t, n, r;
+		(e = this.meeting) == null || e.self.removeListener("videoUpdate", this.videoUpdateListener), (t = this.meeting) == null || t.self.removeListener("mediaPermissionUpdate", this.mediaPermissionUpdateListener), (n = this.meeting?.stage) == null || n.removeListener("stageStatusUpdate", this.stageStatusListener), (r = this.meeting?.self?.permissions) == null || r.removeListener("permissionsUpdate", this.meetingPermissionsUpdateListener);
+	}
+	meetingChanged(e) {
+		var t;
+		if (e != null) {
+			let { self: n, stage: r } = e;
+			this.canProduceVideo = this.meeting.self.permissions.canProduceVideo === "ALLOWED", this.cameraPermission = n.mediaPermissions.video || "NOT_REQUESTED", this.videoEnabled = n.videoEnabled, this.stageStatus = e.stage.status, n.addListener("videoUpdate", this.videoUpdateListener), n.addListener("mediaPermissionUpdate", this.mediaPermissionUpdateListener), r?.addListener("stageStatusUpdate", this.stageStatusListener), (t = e?.self?.permissions) == null || t.addListener("permissionsUpdate", this.meetingPermissionsUpdateListener);
+		}
+	}
+	hasPermissionError() {
+		return this.cameraPermission === "DENIED" || this.cameraPermission === "SYSTEM_DENIED";
+	}
+	getState() {
+		let e = "", t = "", n = "", r = {}, i = this.hasPermissionError(), a = this.cameraPermission === "COULD_NOT_START";
+		return this.videoEnabled && !i ? (t = this.t("video_on"), n = this.iconPack.video_on) : (t = this.t("video_off"), n = this.iconPack.video_off, r["red-icon"] = !0), e = a ? this.t("perm_could_not_start.video") : this.cameraPermission === "SYSTEM_DENIED" ? this.t("perm_sys_denied.video") : this.cameraPermission === "DENIED" ? this.t("perm_denied.video") : this.videoEnabled ? this.t("disable_video") : this.t("enable_video"), {
+			tooltipLabel: e,
+			label: t,
+			icon: n,
+			classList: r,
+			showWarning: i || a,
+			disable: i
+		};
+	}
+	render() {
+		if (!this.meeting) return null;
+		if (!this.canProduceVideo || this.meeting?.meta.viewType === "AUDIO_ROOM" || ["OFF_STAGE", "REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus)) return i(t, { "data-hidden": !0 });
+		let { tooltipLabel: e, label: n, icon: r, classList: a, showWarning: o, disable: s } = this.getState();
+		return i(t, { title: n }, i("rtk-tooltip", {
+			kind: "block",
+			label: e,
+			part: "tooltip"
+		}, i("rtk-controlbar-button", {
+			part: "controlbar-button",
+			size: this.size,
+			iconPack: this.iconPack,
+			class: a,
+			variant: this.variant,
+			label: n,
+			icon: r,
+			onClick: this.toggleCamera,
+			showWarning: o,
+			disabled: s
+		})));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+c([o()], l.prototype, "meeting", void 0), c([o()], l.prototype, "iconPack", void 0), c([o()], l.prototype, "t", void 0), l.style = s;
+//#endregion
+export { l as rtk_camera_toggle };
+
+//# sourceMappingURL=rtk-camera-toggle.entry-Dj_mu3l8.js.map

package/rtk-camera-toggle.entry-pYPRUD4q.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.videoUpdateListener=({videoEnabled:e})=>{this.videoEnabled=e},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canProduceVideo=this.meeting.self.permissions.canProduceVideo===`ALLOWED`},this.mediaPermissionUpdateListener=({kind:e,message:t})=>{e===`video`&&(this.cameraPermission=t)},this.meetingPermissionsUpdateListener=e=>{e?.media?.video&&(this.canProduceVideo=this.meeting.self.permissions.canProduceVideo===`ALLOWED`)},this.variant=`button`,this.iconPack=e.g,this.t=e.G(),this.videoEnabled=!1,this.canProduceVideo=!1,this.cameraPermission=`NOT_REQUESTED`,this.stageStatus=`OFF_STAGE`,this.toggleCamera=()=>{var e;if((e=this.meeting)==null||e.__internals__.logger.info(`rtkCameraToggle::toggleCamera`,{media:{video:{enabled:!!this.meeting?.self?.videoEnabled,permission:this.cameraPermission,canProduce:this.meeting?.self?.permissions?.canProduceVideo}},webinar:{stageStatus:this.meeting?.stage.status},livestream:{stageStatus:this.meeting?.stage?.status},moduleExists:{self:!!this.meeting?.self}}),this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:`video`}}),!1;let t=this.meeting?.self;t==null||!this.canProduceVideo||(t.videoEnabled?t.disableVideo():t.enableVideo())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var e,t,n,r;(e=this.meeting)==null||e.self.removeListener(`videoUpdate`,this.videoUpdateListener),(t=this.meeting)==null||t.self.removeListener(`mediaPermissionUpdate`,this.mediaPermissionUpdateListener),(n=this.meeting?.stage)==null||n.removeListener(`stageStatusUpdate`,this.stageStatusListener),(r=this.meeting?.self?.permissions)==null||r.removeListener(`permissionsUpdate`,this.meetingPermissionsUpdateListener)}meetingChanged(e){var t;if(e!=null){let{self:n,stage:r}=e;this.canProduceVideo=this.meeting.self.permissions.canProduceVideo===`ALLOWED`,this.cameraPermission=n.mediaPermissions.video||`NOT_REQUESTED`,this.videoEnabled=n.videoEnabled,this.stageStatus=e.stage.status,n.addListener(`videoUpdate`,this.videoUpdateListener),n.addListener(`mediaPermissionUpdate`,this.mediaPermissionUpdateListener),r?.addListener(`stageStatusUpdate`,this.stageStatusListener),(t=e?.self?.permissions)==null||t.addListener(`permissionsUpdate`,this.meetingPermissionsUpdateListener)}}hasPermissionError(){return this.cameraPermission===`DENIED`||this.cameraPermission===`SYSTEM_DENIED`}getState(){let e=``,t=``,n=``,r={},i=this.hasPermissionError(),a=this.cameraPermission===`COULD_NOT_START`;return this.videoEnabled&&!i?(t=this.t(`video_on`),n=this.iconPack.video_on):(t=this.t(`video_off`),n=this.iconPack.video_off,r[`red-icon`]=!0),e=a?this.t(`perm_could_not_start.video`):this.cameraPermission===`SYSTEM_DENIED`?this.t(`perm_sys_denied.video`):this.cameraPermission===`DENIED`?this.t(`perm_denied.video`):this.videoEnabled?this.t(`disable_video`):this.t(`enable_video`),{tooltipLabel:e,label:t,icon:n,classList:r,showWarning:i||a,disable:i}}render(){if(!this.meeting)return null;if(!this.canProduceVideo||this.meeting?.meta.viewType===`AUDIO_ROOM`||[`OFF_STAGE`,`REQUESTED_TO_JOIN_STAGE`].includes(this.stageStatus))return e.Z(e.J,{"data-hidden":!0});let{tooltipLabel:t,label:n,icon:r,classList:i,showWarning:a,disable:o}=this.getState();return e.Z(e.J,{title:n},e.Z(`rtk-tooltip`,{kind:`block`,label:t,part:`tooltip`},e.Z(`rtk-controlbar-button`,{part:`controlbar-button`,size:this.size,iconPack:this.iconPack,class:i,variant:this.variant,label:n,icon:r,onClick:this.toggleCamera,showWarning:a,disabled:o})))}static get watchers(){return{meeting:[`meetingChanged`]}}};r([t.t()],i.prototype,`meeting`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_camera_toggle=i;
+//# sourceMappingURL=rtk-camera-toggle.entry-pYPRUD4q.cjs.map