@beterdichtbij/component-library 0.66.0-alpha.4 → 0.66.0-alpha.5

package/dist/bd-component-lib.es.js

@@ -191186,101 +191186,101 @@ var gBe = { class: "video-call-template" }, _Be = {
 			deviceManager: null,
 			incomingCall: null,
 			call: null
-		}), E = M(null), ee = M(null), O = M(null), k = M(null), A = M(0), ie = M(0), N = M(null), ae = a(() => i.videoTestUrl || void 0), oe = a(() => {
+		}), E = M(null), ee = M(null), O = M(null), k = M(null), A = M(0), ie = M(0), N = M(null), ae = a(() => {
 			switch (A.value) {
 				case 0: return g.value.hasNoAvailableCamera;
 				case 1: return g.value.hasOneAvailableCamera;
 				default: return g.value.hasMultipleAvailableCameras;
 			}
-		}), ce = a(() => {
+		}), oe = a(() => {
 			let e = navigator.userAgent;
 			return /Mobi/.test(e) && !_.value;
-		}), le = a(() => {
+		}), ce = a(() => {
 			let e = navigator.userAgent, t = e.indexOf("Android") !== -1, n = /Mobi/.test(e), r = /iPad|iPhone|iPod/.test(e) && !window.MSStream;
 			return !(t && n || r);
-		}), ue = a(() => !x.value?.video && z.value), F = a(() => !x.value?.audio && z.value), de = a(() => S.value === Z9 ? "incoming--declined" : "incoming--loading"), I = a(() => {
+		}), le = a(() => !x.value?.video && _e.value), ue = a(() => !x.value?.audio && _e.value), F = a(() => S.value === Z9 ? "incoming--declined" : "incoming--loading"), de = a(() => {
 			switch (b.value) {
 				case 0: return "weak";
 				case 1: return "steady";
 				case 2: return "strong";
 				default: return null;
 			}
-		}), fe = a(() => {
+		}), I = a(() => {
 			switch (b.value) {
 				case 0: return g.value.signalStrength.weak;
 				case 1: return g.value.signalStrength.steady;
 				case 2: return g.value.signalStrength.strong;
 				default: return null;
 			}
-		}), pe = a(() => _.value ? g.value.stopSharingScreen : g.value.shareScreen), me = a(() => g.value.placeholderSettingsHelpTitle), L = a(() => g.value.placeholderSettingsHelpMessage), he = a(() => S.value === Z9), R = a(() => S.value === FBe), ge = a(() => S.value === IBe), _e = a(() => !ge.value), z = a(() => S.value === $9), ve = a(() => R.value ? g.value.messageWhenVideoCallHangedUp : he.value ? g.value.messageWhenVideoCallDeclined : z.value ? g.value.messageWhenDevicePermissionDenied : i.messageWhenLoading), V = a(() => y.value ? ".incoming__screenshare" : ".incoming__video");
+		}), fe = a(() => _.value ? g.value.stopSharingScreen : g.value.shareScreen), pe = a(() => g.value.placeholderSettingsHelpTitle), me = a(() => g.value.placeholderSettingsHelpMessage), L = a(() => S.value === Z9), he = a(() => S.value === FBe), R = a(() => S.value === IBe), ge = a(() => !R.value), _e = a(() => S.value === $9), z = a(() => he.value ? g.value.messageWhenVideoCallHangedUp : L.value ? g.value.messageWhenVideoCallDeclined : _e.value ? g.value.messageWhenDevicePermissionDenied : i.messageWhenLoading), ve = a(() => y.value ? ".incoming__screenshare" : ".incoming__video");
 		te(() => {
-			qe();
+			Ke();
 		}), ne(() => {
-			N.value && window.clearInterval(N.value), Ge();
+			N.value && window.clearInterval(N.value), We();
 		});
-		function H() {
+		function V() {
 			S.value = Z9;
 		}
-		function ye() {}
-		function be() {
-			S.value !== $9 && Te();
+		function H() {}
+		function ye() {
+			S.value !== $9 && we();
 		}
-		async function xe() {
-			S.value = FBe, x.value.video && Ue();
+		async function be() {
+			S.value = FBe, x.value.video && He();
 		}
-		async function Se(e) {
+		async function xe(e) {
 			T.client = w(new G9());
-			let t = await new Hue(e);
+			let t = new Hue(e);
 			T.agent = w(await T.client.createCallAgent(t)), T.deviceManager = await T.client.getDeviceManager(), x.value = await T.deviceManager.askDevicePermission({
 				video: !0,
 				audio: !0
-			}), N.value = window.setInterval(Ue, 5e3), (!x.value.audio || !x.value.video) && (S.value = $9), i.isCallee && (T.agent.on("incomingCall", Ce), o("ready"));
+			}), N.value = window.setInterval(He, 5e3), (!x.value.audio || !x.value.video) && (S.value = $9), i.isCallee && (T.agent.on("incomingCall", Se), o("ready"));
 		}
-		async function Ce(e) {
+		async function Se(e) {
 			try {
-				T.incomingCall = e.incomingCall, Ee();
+				T.incomingCall = e.incomingCall, Te();
 			} catch {
 				console.log("error occured during starting call");
 			}
 		}
-		async function we() {
-			let e = await De();
+		async function Ce() {
+			let e = await Ee();
 			return e ? { localVideoStreams: [e] } : void 0;
 		}
-		async function Te() {
+		async function we() {
 			try {
-				let e = await we(), t = { communicationUserId: i.participant.videoCallIdentityId };
-				T.call = T.agent.startCall([t], { videoOptions: e }), je(), Oe();
+				let e = await Ce(), t = { communicationUserId: i.participant.videoCallIdentityId };
+				T.call = T.agent.startCall([t], { videoOptions: e }), Oe(), De();
 			} catch (e) {
 				console.error(e);
 			}
 		}
-		async function Ee() {
-			let e = await we();
-			T.call = await T.incomingCall.accept({ videoOptions: e }), je(), Oe();
+		async function Te() {
+			let e = await Ce();
+			T.call = await T.incomingCall.accept({ videoOptions: e }), Oe(), De();
 		}
-		async function De() {
+		async function Ee() {
 			let e = (await T.deviceManager.getCameras())[0];
 			if (e) return new Z6(e);
 			console.error("No camera device found on the system");
 		}
-		function Oe() {
-			T.call.on("stateChanged", Ne), T.call.on("localVideoStreamsUpdated", (e) => {
-				e.added.forEach(Fe), e.removed.forEach(Pe);
-			}), T.call.remoteParticipants.forEach(Le), T.call.on("remoteParticipantsUpdated", (e) => {
-				e.added.forEach(Le);
+		function De() {
+			T.call.on("stateChanged", Me), T.call.on("localVideoStreamsUpdated", (e) => {
+				e.added.forEach(Pe), e.removed.forEach(Ne);
+			}), T.call.remoteParticipants.forEach(Ie), T.call.on("remoteParticipantsUpdated", (e) => {
+				e.added.forEach(Ie);
 			}), T.call.on("isScreenSharingOnChanged", () => {
 				_.value = T.call.isScreenSharingOn;
 			});
 		}
-		function je() {
-			C.value = T.call.feature($5.UserFacingDiagnostics), C.value.media.on("diagnosticChanged", Me), C.value.network.on("diagnosticChanged", Me);
+		function Oe() {
+			C.value = T.call.feature($5.UserFacingDiagnostics), C.value.media.on("diagnosticChanged", je), C.value.network.on("diagnosticChanged", je);
 		}
-		function Me(e) {
+		function je(e) {
 			(e.diagnostic === "networkReceiveQuality" || e.diagnostic === "networkSendQuality") && (e.value === r6.Bad ? (console.error(`${e.diagnostic} is bad quality`), b.value = 0) : e.value === r6.Poor ? (console.error(`${e.diagnostic} is poor quality`), b.value = 1) : b.value = 2);
 		}
-		function Ne() {
-			switch (T.call.state) {
+		function Me() {
+			switch (console.log("Call state changed to: " + T.call.state), T.call.state) {
 				case "EarlyMedia":
 					S.value = Q9;
 					break;
@@ -191291,11 +191291,11 @@ var gBe = { class: "video-call-template" }, _Be = {
 					S.value = IBe;
 					break;
 				case "Disconnected":
-					xe();
+					be();
 					break;
 			}
 		}
-		async function Pe(e) {
+		async function Ne(e) {
 			if (!e || e.mediaStreamType !== "ScreenSharing" || !k.value) return;
 			k.value.dispose();
 			let t = document.querySelector(".outgoing__screenshare");
@@ -191303,7 +191303,7 @@ var gBe = { class: "video-call-template" }, _Be = {
 			let n = document.querySelector(".outgoing__video");
 			n.style.display = "flex";
 		}
-		async function Fe(e) {
+		async function Pe(e) {
 			if (!e || e.mediaStreamType !== "ScreenSharing") return;
 			k.value = await new A7(e).createView();
 			let t = document.querySelector(".outgoing__screenshare");
@@ -191313,7 +191313,7 @@ var gBe = { class: "video-call-template" }, _Be = {
 			let r = t.querySelector("video");
 			r.style.objectFit = "contain";
 		}
-		async function Ie(e) {
+		async function Fe(e) {
 			if (e && e.source && E.value && E.value.source && E.value.source.id == e.source.id) return !0;
 			try {
 				ee.value = new A7(e);
@@ -191324,79 +191324,79 @@ var gBe = { class: "video-call-template" }, _Be = {
 			}
 			return E.value = e, !0;
 		}
-		async function Le(e) {
-			e.videoStreams.forEach(Re), e.on("videoStreamsUpdated", (e) => {
-				e.added.forEach(Re);
+		async function Ie(e) {
+			e.videoStreams.forEach(Le), e.on("videoStreamsUpdated", (e) => {
+				e.added.forEach(Le);
 			});
 		}
-		async function Re(e) {
-			if (e.mediaStreamType === "Video" && (await ze(e), e.on("isAvailableChanged", async () => await ze(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", Ve), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
+		async function Le(e) {
+			if (e.mediaStreamType === "Video" && (await Re(e), e.on("isAvailableChanged", async () => await Re(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", Be), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
 				O.value = new A7(e);
 				let t = await O.value.createView(), n = document.querySelector(".incoming__screenshare");
-				Be(!0), y.value = !0, We(".incoming__screenshare"), n.replaceChildren(t.target);
+				ze(!0), y.value = !0, Ue(".incoming__screenshare"), n.replaceChildren(t.target);
 			}
 		}
-		async function ze(e) {
+		async function Re(e) {
 			if (!e.isAvailable) return;
 			O.value = new A7(e);
 			let t = await O.value.createView(), n = document.querySelector(".incoming__video");
-			n.hidden = !1, n.replaceChildren(t.target), We(".incoming__video"), Be(!1);
+			n.hidden = !1, n.replaceChildren(t.target), Ue(".incoming__video"), ze(!1);
 		}
-		function Be(e) {
+		function ze(e) {
 			let t = document.querySelector(".incoming__video"), n = document.querySelector(".incoming__screenshare");
 			t.style.display = e ? "none" : "block", n.style.display = e ? "flex" : "none";
 		}
-		function Ve() {
-			y.value = !1, Be(!1);
+		function Be() {
+			y.value = !1, ze(!1);
 		}
-		async function He() {
-			Ue(!0);
+		async function Ve() {
+			He(!0);
 		}
-		async function Ue(e = !1) {
+		async function He(e = !1) {
 			let t = (await T.deviceManager.getCameras()).filter((e) => e.name != "OBS Virtual Camera");
 			A.value = t.length;
 			for (let n = 0; n < A.value; n++) {
 				(e || n != 0) && (ie.value = (ie.value + 1) % A.value);
 				let r = t[ie.value];
-				if (await Ie(new Z6(r))) break;
+				if (await Fe(new Z6(r))) break;
 			}
 		}
-		function We(e) {
+		function Ue(e) {
 			let t = document.querySelector(e);
 			if (!t) return;
 			let n = t.querySelector("video");
 			n && (n.style.objectFit = "contain", n.disablePictureInPicture = !1);
 		}
-		async function Ge() {
+		async function We() {
 			T.call && T.call.state !== "Disconnected" && (await T.call.hangUp({ forEveryone: !0 }), await T.agent.dispose()), o("end-video-call"), window.close();
 		}
-		function Ke() {
+		function Ge() {
 			window.close();
 		}
-		function qe() {
+		function Ke() {
 			_oe("verbose"), goe.log = (...e) => {
 				let t = [...e];
 				f.value = f.value.splice(1 - LBe).concat(t);
 			};
 		}
-		function Je() {
-			document.querySelector(V.value).querySelector("video").requestFullscreen();
+		function qe() {
+			document.querySelector(ve.value).querySelector("video").requestFullscreen();
 		}
-		function Ye() {
-			let e = document.querySelector(V.value).querySelector("video");
+		function Je() {
+			let e = document.querySelector(ve.value).querySelector("video");
 			document.pictureInPictureElement ? e.exitPictureInPicture() : document.pictureInPictureEnabled && e.requestPictureInPicture();
 		}
-		async function Xe() {
+		async function Ye() {
 			T.call && T.call.isScreenSharingOn ? await T.call.stopScreenSharing() : await T.call.startScreenSharing();
 		}
 		return n({
-			CallDeclined: H,
-			CallAnswered: ye,
-			CallStartVideoCall: be,
-			CallHangUp: xe,
-			InitializeAcsConnection: Se
+			CallDeclined: V,
+			CallAnswered: H,
+			CallStartVideoCall: ye,
+			CallHangUp: be,
+			InitializeAcsConnection: xe
 		}), (n, r) => {
-			let i = se("BDLoader");
+			let a = se("BDLoader");
 			return j(), l("div", gBe, [m(ke, null, {
 				default: B(() => [m(Ae, null, {
 					default: B(() => [m(U, null, {
@@ -191410,21 +191410,21 @@ var gBe = { class: "video-call-template" }, _Be = {
 				}), m(Ae, null, {
 					default: B(() => [m(U, {
 						sm: "12",
-						lg: he.value ? "12" : "8"
+						lg: L.value ? "12" : "8"
 					}, {
-						default: B(() => [u("div", { class: D(["incoming", de.value]) }, [_e.value ? (j(), l("div", _Be, [
-							m(i, {
+						default: B(() => [u("div", { class: D(["incoming", F.value]) }, [ge.value ? (j(), l("div", _Be, [
+							m(a, {
 								size: "lg",
-								message: ve.value,
-								stopAnimation: he.value || R.value || z.value
+								message: z.value,
+								stopAnimation: L.value || he.value || _e.value
 							}, null, 8, ["message", "stopAnimation"]),
-							F.value ? (j(), l("div", vBe, [u("div", yBe, [m(Mi, { class: "icon-xl icon-state-error" })]), u("span", null, P(g.value.permissionDeniedForAudio), 1)])) : c("", !0),
-							ue.value ? (j(), l("div", bBe, [u("div", xBe, [m(eo, { class: "icon-xl icon-state-error" })]), u("span", null, P(g.value.permissionDeniedForVideo), 1)])) : c("", !0),
-							he.value || R.value || z.value ? (j(), s(xo, {
+							ue.value ? (j(), l("div", vBe, [u("div", yBe, [m(Mi, { class: "icon-xl icon-state-error" })]), u("span", null, P(g.value.permissionDeniedForAudio), 1)])) : c("", !0),
+							le.value ? (j(), l("div", bBe, [u("div", xBe, [m(eo, { class: "icon-xl icon-state-error" })]), u("span", null, P(g.value.permissionDeniedForVideo), 1)])) : c("", !0),
+							L.value || he.value || _e.value ? (j(), s(xo, {
 								key: 2,
 								variant: "primary",
 								class: "text-center",
-								onClick: Ke
+								onClick: Ge
 							}, {
 								default: B(() => [p(P(g.value.closeWindow), 1)]),
 								_: 1
@@ -191435,7 +191435,7 @@ var gBe = { class: "video-call-template" }, _Be = {
 							u("div", CBe, [m(xo, {
 								variant: "primary",
 								class: "text-center",
-								onClick: Je
+								onClick: qe
 							}, {
 								default: B(() => [m(ha), u("span", null, P(g.value.fullScreen), 1)]),
 								_: 1
@@ -191443,59 +191443,59 @@ var gBe = { class: "video-call-template" }, _Be = {
 								key: 0,
 								variant: "primary",
 								class: "text-center",
-								onClick: Ye
+								onClick: Je
 							}, {
 								default: B(() => [m(ha), u("span", null, P(g.value.miniPlayer), 1)]),
 								_: 1
 							})) : c("", !0)])
 						]))], 2)]),
 						_: 1
-					}, 8, ["lg"]), he.value ? c("", !0) : (j(), s(U, {
+					}, 8, ["lg"]), L.value ? c("", !0) : (j(), s(U, {
 						key: 0,
 						sm: "12",
 						lg: "4"
 					}, {
 						default: B(() => [u("div", wBe, [u("div", null, [u("div", TBe, [u("div", EBe, [
-							z.value ? c("", !0) : (j(), l("div", DBe)),
+							_e.value ? c("", !0) : (j(), l("div", DBe)),
 							r[2] ||= u("div", { class: "outgoing__screenshare" }, null, -1),
-							le.value && !z.value && !v.value && !_e.value ? (j(), s(xo, {
+							ce.value && !_e.value && !v.value && !ge.value ? (j(), s(xo, {
 								key: 1,
 								variant: _.value ? "danger" : "primary",
 								class: "text-center",
-								onClick: Xe
+								onClick: Ye
 							}, {
-								default: B(() => [m(ha), u("span", null, P(pe.value), 1)]),
+								default: B(() => [m(ha), u("span", null, P(fe.value), 1)]),
 								_: 1
 							}, 8, ["variant"])) : c("", !0),
-							ce.value ? (j(), l(t, { key: 2 }, [m(xo, {
+							oe.value ? (j(), l(t, { key: 2 }, [m(xo, {
 								class: "text-center",
-								onClick: He
+								onClick: Ve
 							}, {
 								default: B(() => [p(P(g.value.switchCamera), 1)]),
 								_: 1
-							}), u("p", OBe, P(oe.value), 1)], 64)) : c("", !0),
-							ue.value ? (j(), l("div", kBe, [u("div", ABe, [m(eo, { class: "icon-xxl icon-state-error" })]), u("span", null, P(g.value.permissionDeniedForVideo), 1)])) : c("", !0)
-						])]), u("div", jBe, [u("div", { class: D(["settings__signal", I.value]) }, [r[3] ||= u("ul", { class: "indicator" }, [
+							}), u("p", OBe, P(ae.value), 1)], 64)) : c("", !0),
+							le.value ? (j(), l("div", kBe, [u("div", ABe, [m(eo, { class: "icon-xxl icon-state-error" })]), u("span", null, P(g.value.permissionDeniedForVideo), 1)])) : c("", !0)
+						])]), u("div", jBe, [u("div", { class: D(["settings__signal", de.value]) }, [r[3] ||= u("ul", { class: "indicator" }, [
 							u("li"),
 							u("li"),
 							u("li")
-						], -1), u("p", null, P(fe.value), 1)], 2), u("div", MBe, [
-							u("p", null, [u("b", null, P(me.value), 1)]),
-							u("p", null, P(L.value), 1),
+						], -1), u("p", null, P(I.value), 1)], 2), u("div", MBe, [
+							u("p", null, [u("b", null, P(pe.value), 1)]),
+							u("p", null, P(me.value), 1),
 							u("p", null, [
 								u("a", {
-									href: ae.value,
+									href: i.videoTestUrl,
 									target: "blank",
 									rel: "noopener noreferrer"
 								}, P(g.value.testCall), 9, NBe),
 								r[4] ||= p(" • ", -1),
 								u("a", PBe, P(g.value.serviceDesk), 1)
 							])
-						])])]), !R.value && !z.value ? (j(), s(xo, {
+						])])]), !he.value && !_e.value ? (j(), s(xo, {
 							key: 0,
 							variant: "danger",
 							class: "text-center w-100",
-							onClick: Ge
+							onClick: We
 						}, {
 							default: B(() => [m(Fn), u("span", null, P(g.value.endCall), 1)]),
 							_: 1