@beterdichtbij/component-library 0.72.7-alpha.1 → 0.73.0-beta.0

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

@@ -11374,7 +11374,13 @@ var kb = {
 			serviceDesk: "Service desk",
 			endCall: "End call",
 			closeWindow: "Close window",
-			switchCamera: "Switch camera"
+			switchCamera: "Switch camera",
+			microphoneMute: "Mute microphone",
+			microphoneUnmute: "Unmute microphone",
+			cameraOff: "Turn off camera",
+			cameraOn: "Turn on camera",
+			backgroundBlur: "Blur background",
+			backgroundUnblur: "Unblur background"
 		},
 		help: {
 			placeholderSettingsHelpTitle: "Connection issues?",
@@ -11542,7 +11548,13 @@ var kb = {
 			serviceDesk: "Servicedesk",
 			endCall: "Gesprek beëindigen",
 			closeWindow: "Venster sluiten",
-			switchCamera: "Wissel camera"
+			switchCamera: "Wissel camera",
+			microphoneMute: "Microfoon uitzetten",
+			microphoneUnmute: "Microfoon aanzetten",
+			cameraOff: "Camera uitzetten",
+			cameraOn: "Camera aanzetten",
+			backgroundBlur: "Achtergrond vervagen",
+			backgroundUnblur: "Achtergrond niet vervagen"
 		},
 		help: {
 			placeholderSettingsHelpTitle: "Problemen met de verbinding?",
@@ -32077,32 +32089,57 @@ var mX = ["src", "alt"], hX = {
 			_: 1
 		})]));
 	}
-}), BX = { class: "video-call-template" }, VX = {
+}), BX = "data:image/svg+xml,%3csvg%20width='28'%20height='23'%20viewBox='0%200%2028%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.80461%200.386719L9.79679%206.61719V4.25391C9.79679%201.97656%2011.6445%200.128906%2013.9218%200.128906C16.1991%200.128906%2018.0468%201.97656%2018.0468%204.25391V13.0625L18.7773%2013.6641C19.164%2012.9336%2019.4218%2012.0742%2019.4218%2011.1289V9.41016C19.4218%208.85156%2019.8515%208.37891%2020.453%208.37891C21.0116%208.37891%2021.4843%208.85156%2021.4843%209.41016V11.1289C21.4843%2012.5469%2021.0976%2013.8359%2020.453%2014.9531L27.2421%2020.3242C27.7148%2020.668%2027.8007%2021.3125%2027.414%2021.7422C27.0702%2022.2148%2026.4257%2022.3008%2025.996%2021.9141L0.558513%201.97656C0.0858564%201.63281%20-8.10623e-05%200.988281%200.386638%200.558594C0.730388%200.0859375%201.37492%200%201.80461%200.386719ZM17.4023%2017.875C16.6288%2018.2617%2015.8124%2018.5195%2014.953%2018.6484V20.0664H17.0155C17.5741%2020.0664%2018.0468%2020.5391%2018.0468%2021.0977C18.0468%2021.6992%2017.5741%2022.1289%2017.0155%2022.1289H13.9218H10.828C10.2265%2022.1289%209.79679%2021.6992%209.79679%2021.0977C9.79679%2020.5391%2010.2265%2020.0664%2010.828%2020.0664H12.8905V18.6484C9.19523%2018.1328%206.35929%2014.9961%206.35929%2011.1289V9.41016C6.35929%209.32422%206.35929%209.23828%206.35929%209.15234L8.42179%2010.7852V11.1289C8.42179%2014.1797%2010.871%2016.6289%2013.9218%2016.6289C14.4804%2016.6289%2015.039%2016.543%2015.5546%2016.4141L17.4023%2017.875Z'%20fill='white'/%3e%3c/svg%3e", VX = "data:image/svg+xml,%3csvg%20width='16'%20height='22'%20viewBox='0%200%2016%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.56242%200C9.83976%200%2011.6874%201.84766%2011.6874%204.125V11C11.6874%2013.2773%209.83976%2015.125%207.56242%2015.125C5.28508%2015.125%203.43742%2013.2773%203.43742%2011V4.125C3.43742%201.84766%205.28508%200%207.56242%200ZM2.06242%209.28125V11C2.06242%2014.0508%204.51164%2016.5%207.56242%2016.5C10.5702%2016.5%2013.0624%2014.0508%2013.0624%2011V9.28125C13.0624%208.72266%2013.4921%208.25%2014.0937%208.25C14.6523%208.25%2015.1249%208.72266%2015.1249%209.28125V11C15.1249%2014.8672%2012.246%2018.0039%208.59367%2018.5195V19.9375H10.6562C11.2148%2019.9375%2011.6874%2020.4102%2011.6874%2020.9688C11.6874%2021.5703%2011.2148%2022%2010.6562%2022H7.56242H4.46867C3.86711%2022%203.43742%2021.5703%203.43742%2020.9688C3.43742%2020.4102%203.86711%2019.9375%204.46867%2019.9375H6.53117V18.5195C2.83586%2018.0039%20-8.10623e-05%2014.8672%20-8.10623e-05%2011V9.28125C-8.10623e-05%208.72266%200.429606%208.25%201.03117%208.25C1.58976%208.25%202.06242%208.72266%202.06242%209.28125Z'%20fill='white'/%3e%3c/svg%3e", HX = "data:image/svg+xml,%3csvg%20width='28'%20height='23'%20viewBox='0%200%2028%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.80461%200.386719L5.02726%202.87891H15.2968C16.8007%202.87891%2018.0468%204.125%2018.0468%205.62891V13.0625L19.4218%2014.1367V13.8789V8.37891V7.64844L20.0234%207.26172L24.1484%204.51172C24.578%204.21094%2025.0937%204.21094%2025.5663%204.42578C25.996%204.68359%2026.2968%205.15625%2026.2968%205.62891V16.6289C26.2968%2017.1445%2025.996%2017.6172%2025.5663%2017.875C25.0937%2018.0898%2024.578%2018.0898%2024.1484%2017.7891L23.5468%2017.4023L27.2421%2020.3242C27.7148%2020.668%2027.8007%2021.3125%2027.414%2021.7422C27.0702%2022.2148%2026.4257%2022.3008%2025.996%2021.9141L0.558513%201.97656C0.0858564%201.63281%20-8.10623e-05%200.988281%200.386638%200.558594C0.730388%200.0859375%201.37492%200%201.80461%200.386719ZM17.6601%2018.0469C17.1445%2018.8633%2016.2851%2019.3789%2015.2968%2019.3789H4.29679C2.74992%2019.3789%201.54679%2018.1758%201.54679%2016.6289V5.62891C1.54679%205.54297%201.54679%205.45703%201.54679%205.37109L17.6601%2018.0469Z'%20fill='white'/%3e%3c/svg%3e", UX = "data:image/svg+xml,%3csvg%20width='25'%20height='17'%20viewBox='0%200%2025%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M-8.10623e-05%202.75C-8.10623e-05%201.24609%201.20304%200%202.74992%200H13.7499C15.2538%200%2016.4999%201.24609%2016.4999%202.75V13.75C16.4999%2015.2969%2015.2538%2016.5%2013.7499%2016.5H2.74992C1.20304%2016.5%20-8.10623e-05%2015.2969%20-8.10623e-05%2013.75V2.75ZM24.0195%201.54688C24.4491%201.80469%2024.7499%202.27734%2024.7499%202.75V13.75C24.7499%2014.2656%2024.4491%2014.7383%2024.0195%2014.9961C23.5468%2015.2109%2023.0312%2015.2109%2022.6015%2014.9102L18.4765%2012.1602L17.8749%2011.7734V11V5.5V4.76953L18.4765%204.38281L22.6015%201.63281C23.0312%201.33203%2023.5468%201.33203%2024.0195%201.54688Z'%20fill='white'/%3e%3c/svg%3e", WX = {}, GX = {
+	width: "26",
+	height: "26",
+	viewBox: "0 0 26 26",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "icon icon-blur"
+};
+function KX(e, t) {
+	return A(), l("svg", GX, [...t[0] ||= [f("<g opacity=\"0.54\"><circle cx=\"1\" cy=\"1\" r=\"1\" fill=\"white\"></circle><circle cx=\"7\" cy=\"1\" r=\"1\" fill=\"white\"></circle><circle cx=\"13\" cy=\"1\" r=\"1\" fill=\"white\"></circle><circle cx=\"19\" cy=\"1\" r=\"1\" fill=\"white\"></circle><circle cx=\"25\" cy=\"1\" r=\"1\" fill=\"white\"></circle><circle cx=\"1\" cy=\"7\" r=\"1\" fill=\"white\"></circle><circle cx=\"7\" cy=\"7\" r=\"1\" fill=\"white\"></circle><circle cx=\"13\" cy=\"7\" r=\"1\" fill=\"white\"></circle><circle cx=\"19\" cy=\"7\" r=\"1\" fill=\"white\"></circle><circle cx=\"25\" cy=\"7\" r=\"1\" fill=\"white\"></circle><circle cx=\"1\" cy=\"13\" r=\"1\" fill=\"white\"></circle><circle cx=\"7\" cy=\"13\" r=\"1\" fill=\"white\"></circle><circle cx=\"13\" cy=\"13\" r=\"1\" fill=\"white\"></circle><circle cx=\"19\" cy=\"13\" r=\"1\" fill=\"white\"></circle><circle cx=\"25\" cy=\"13\" r=\"1\" fill=\"white\"></circle><circle cx=\"1\" cy=\"19\" r=\"1\" fill=\"white\"></circle><circle cx=\"7\" cy=\"19\" r=\"1\" fill=\"white\"></circle><circle cx=\"13\" cy=\"19\" r=\"1\" fill=\"white\"></circle><circle cx=\"19\" cy=\"19\" r=\"1\" fill=\"white\"></circle><circle cx=\"25\" cy=\"19\" r=\"1\" fill=\"white\"></circle><circle cx=\"1\" cy=\"25\" r=\"1\" fill=\"white\"></circle><circle cx=\"7\" cy=\"25\" r=\"1\" fill=\"white\"></circle><circle cx=\"13\" cy=\"25\" r=\"1\" fill=\"white\"></circle><circle cx=\"19\" cy=\"25\" r=\"1\" fill=\"white\"></circle><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\"></circle></g>", 1)]]);
+}
+var qX = /*#__PURE__*/ L(WX, [["render", KX]]), JX = {}, YX = {
+	width: "20",
+	height: "33",
+	viewBox: "0 0 20 33",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "icon icon-participant"
+};
+function XX(e, t) {
+	return A(), l("svg", YX, [...t[0] ||= [u("path", {
+		d: "M9.625 16.75C6.57422 16.75 4.125 14.3008 4.125 11.25C4.125 8.24219 6.57422 5.75 9.625 5.75C12.6328 5.75 15.125 8.24219 15.125 11.25C15.125 14.3008 12.6328 16.75 9.625 16.75ZM13.4492 18.125C16.6289 18.125 19.25 20.7461 19.25 23.9258V25.6875C19.25 26.8477 18.3047 27.75 17.1875 27.75H2.0625C0.902344 27.75 0 26.8477 0 25.6875V23.9258C0 20.7461 2.57812 18.125 5.75781 18.125H6.48828C7.43359 18.5977 8.50781 18.8125 9.625 18.8125C10.7422 18.8125 11.7734 18.5977 12.7188 18.125H13.4492Z",
+		fill: "white"
+	}, null, -1)]]);
+}
+var ZX = /*#__PURE__*/ L(JX, [["render", XX]]), QX = { class: "video-call-template" }, $X = {
 	key: 0,
 	class: "card"
-}, HX = {
+}, eZ = {
 	key: 0,
 	class: "permissions-denied__audio"
-}, UX = { class: "permissions-denied__audio-disabled" }, WX = {
+}, tZ = { class: "permissions-denied__audio-disabled" }, nZ = {
 	key: 1,
 	class: "permissions-denied__video"
-}, GX = { class: "permissions-denied__video-disabled" }, KX = {
+}, rZ = { class: "permissions-denied__video-disabled" }, iZ = {
 	key: 1,
 	class: "card"
-}, qX = { class: "incoming__settings" }, JX = { class: "side" }, YX = { class: "outgoing" }, XX = { class: "card" }, ZX = {
+}, aZ = { class: "incoming__settings" }, oZ = { class: "side" }, sZ = { class: "outgoing" }, cZ = { class: "card" }, lZ = {
 	key: 0,
 	class: "outgoing__video"
-}, QX = { class: "outgoing__available-cameras-count text-center" }, $X = {
+}, uZ = { class: "outgoing__controls" }, dZ = ["alt"], fZ = ["alt"], pZ = ["alt"], mZ = ["alt"], hZ = { class: "outgoing__available-cameras-count text-center" }, gZ = {
 	key: 3,
 	class: "permissions-denied__video"
-}, eZ = { class: "permissions-denied__video-disabled" }, tZ = { class: "settings" }, nZ = { class: "settings__status" }, rZ = { class: "settings__status-text" }, iZ = {
+}, _Z = { class: "permissions-denied__video-disabled" }, vZ = { class: "settings" }, yZ = { class: "settings__status" }, bZ = { class: "settings__status-text" }, xZ = {
 	key: 0,
 	class: "settings__status-detail"
-}, aZ = { class: "settings__help" }, oZ = ["href"], sZ = {
+}, SZ = { class: "settings__help" }, CZ = ["href"], wZ = {
 	href: "https://www.beterdichtbij.nl/service-contact/",
 	target: "_blank",
 	rel: "noopener noreferrer"
-}, cZ = 2e3, lZ = {
+}, TZ = 2e3, EZ = {
 	__name: "BDVideoCallTemplate",
 	props: {
 		participant: {
@@ -32143,19 +32180,19 @@ var mX = ["src", "alt"], hX = {
 			deviceManager: null,
 			incomingCall: null,
 			call: null
-		}), ce = j(null), le = j(null), ue = j(null), de = j(null), fe = j(null), F = j(null), pe = j(!1), me = j(0), he = j(0), ge = j(null), _e = j(!1), ve = j(""), ye = j(""), be = j(null), xe = j(null), Se = null, Ce = null, we = null, Te = a(() => {
-			switch (me.value) {
-				case 0: return L.value.hasNoAvailableCamera;
-				case 1: return L.value.hasOneAvailableCamera;
-				default: return L.value.hasMultipleAvailableCameras;
+		}), ce = j(null), le = j(null), ue = j(null), de = j(null), fe = j(0), pe = j(0), me = j(null), he = j(!1), ge = j(""), _e = j(""), ve = j(null), ye = j(null), be = j(!0), xe = j(!1), Ce = j(!1), we = null, Te = null, Ee = null, De = a(() => {
+			switch (fe.value) {
+				case 0: return Ie.value.hasNoAvailableCamera;
+				case 1: return Ie.value.hasOneAvailableCamera;
+				default: return Ie.value.hasMultipleAvailableCameras;
 			}
-		}), Ee = a(() => {
+		}), Oe = a(() => {
 			let e = navigator.userAgent;
 			return /Mobi/.test(e) && !D.value;
-		}), De = a(() => {
+		}), ke = 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);
-		}), Oe = a(() => !ae.value?.video && He.value), ke = a(() => !ae.value?.audio && He.value), Ae = a(() => oe.value === i.Declined ? "incoming--declined" : "incoming--loading");
+		}), Ae = a(() => !ae.value?.video && We.value), je = a(() => !ae.value?.audio && We.value), Me = a(() => oe.value === i.Declined ? "incoming--declined" : "incoming--loading");
 		a(() => {
 			switch (ne.value) {
 				case 0: return "weak";
@@ -32171,297 +32208,283 @@ var mX = ["src", "alt"], hX = {
 				default: return null;
 			}
 		});
-		let je = a(() => E.value.videoCallTemplate || E.value), Me = a(() => je.value.actions || je.value), Ne = a(() => je.value.help || je.value), Pe = a(() => je.value.permissions || je.value), L = a(() => je.value.cameraAvailability || je.value), Fe = a(() => D.value ? Me.value.stopSharingScreen : Me.value.shareScreen), Ie = a(() => Ne.value.placeholderSettingsHelpTitle), Le = a(() => Ne.value.placeholderSettingsHelpMessage), Re = a(() => oe.value === i.Declined), ze = a(() => oe.value === i.HangedUp), Be = a(() => oe.value === i.Connected), Ve = a(() => !Be.value), He = a(() => oe.value === i.DevicePermissionDenied), Ue = a(() => je.value.statusTextMessage || je.value), We = a(() => je.value.statusDetailMessage || je.value), Ge = a(() => b.participantRole);
-		function Ke(e) {
+		let Ne = a(() => E.value.videoCallTemplate || E.value), Pe = a(() => Ne.value.actions || Ne.value), L = a(() => Ne.value.help || Ne.value), Fe = a(() => Ne.value.permissions || Ne.value), Ie = a(() => Ne.value.cameraAvailability || Ne.value), Le = a(() => D.value ? Pe.value.stopSharingScreen : Pe.value.shareScreen), Re = a(() => L.value.placeholderSettingsHelpTitle), ze = a(() => L.value.placeholderSettingsHelpMessage), Be = a(() => oe.value === i.Declined), Ve = a(() => oe.value === i.HangedUp), He = a(() => oe.value === i.Connected), Ue = a(() => !He.value), We = a(() => oe.value === i.DevicePermissionDenied), Ge = a(() => Ne.value.statusTextMessage || Ne.value), Ke = a(() => Ne.value.statusDetailMessage || Ne.value), qe = a(() => b.participantRole), Je = a(() => Ce.value ? Pe.value.microphoneUnmute : Pe.value.microphoneMute), Ye = a(() => xe.value ? Pe.value.cameraOn : Pe.value.cameraOff), Xe = a(() => be.value ? Pe.value.backgroundBlur : Pe.value.backgroundUnblur);
+		function Ze(e) {
 			if (typeof e != "string") return e;
-			let t = e.replaceAll("{participantRole}", Ge.value);
+			let t = e.replaceAll("{participantRole}", qe.value);
 			return t && t.charAt(0).toLocaleUpperCase() + t.slice(1);
 		}
-		let qe = a(() => {
+		let Qe = a(() => {
 			switch (oe.value) {
-				case i.Initializing: return Ke(Ue.value.initializing);
-				case i.Dialing: return Ke(Ue.value.dialing);
-				case i.Ringing: return Ke(Ue.value.ringing);
-				case i.Answered: return Ke(Ue.value.answered);
-				case i.Connected: return Ke(Ue.value.connected);
-				case i.Declined: return Ke(Ue.value.videoCallDeclined);
-				case i.HangedUp: return Ke(Ue.value.videoCallHangedUp);
-				case i.DevicePermissionDenied: return Ke(Ue.value.devicePermissionDenied);
-			}
-		}), Je = a(() => ve.value || qe.value), Ye = a(() => ye.value), Xe = a(() => ee.value ? ".incoming__screenshare" : ".incoming__video");
+				case i.Initializing: return Ze(Ge.value.initializing);
+				case i.Dialing: return Ze(Ge.value.dialing);
+				case i.Ringing: return Ze(Ge.value.ringing);
+				case i.Answered: return Ze(Ge.value.answered);
+				case i.Connected: return Ze(Ge.value.connected);
+				case i.Declined: return Ze(Ge.value.videoCallDeclined);
+				case i.HangedUp: return Ze(Ge.value.videoCallHangedUp);
+				case i.DevicePermissionDenied: return Ze(Ge.value.devicePermissionDenied);
+			}
+		}), $e = a(() => ge.value || Qe.value), et = a(() => _e.value), tt = a(() => ee.value ? ".incoming__screenshare" : ".incoming__video");
 		te(() => {
-			Pt(), Qe(), xe.value = window.setInterval(ct, 5e3);
+			Vt(), rt(), ye.value = window.setInterval(gt, 5e3);
 		}), re(() => {
-			ge.value && window.clearInterval(ge.value), xe.value && window.clearInterval(xe.value), bt(), Ze(), Mt();
+			me.value && window.clearInterval(me.value), ye.value && window.clearInterval(ye.value), nt(), zt();
 		});
-		function Ze() {
-			Se &&= (window.clearTimeout(Se), null), Ce &&= (window.clearTimeout(Ce), null), we &&= (window.clearTimeout(we), null);
-		}
-		function Qe() {
-			Ze(), oe.value === i.Initializing ? Se = window.setTimeout(() => {
-				oe.value === i.Initializing && (ve.value = Ke(Ue.value.callNotDelivered), ye.value = Ke(We.value.callNotDeliveredDetail));
-			}, 3e4) : oe.value === i.Dialing ? Ce = window.setTimeout(() => {
-				oe.value === i.Dialing && (ve.value = "", ye.value = Ke(We.value.notAnsweredDetail));
-			}, 1e4) : oe.value === i.Connected && (we = window.setTimeout(() => {
-				oe.value === i.Connected && (ye.value = Ke(We.value.noVideoHint));
+		function nt() {
+			we &&= (window.clearTimeout(we), null), Te &&= (window.clearTimeout(Te), null), Ee &&= (window.clearTimeout(Ee), null);
+		}
+		function rt() {
+			nt(), oe.value === i.Initializing ? we = window.setTimeout(() => {
+				oe.value === i.Initializing && (ge.value = Ze(Ge.value.callNotDelivered), _e.value = Ze(Ke.value.callNotDeliveredDetail));
+			}, 3e4) : oe.value === i.Dialing ? Te = window.setTimeout(() => {
+				oe.value === i.Dialing && (ge.value = "", _e.value = Ze(Ke.value.notAnsweredDetail));
+			}, 1e4) : oe.value === i.Connected && (Ee = window.setTimeout(() => {
+				oe.value === i.Connected && (_e.value = Ze(Ke.value.noVideoHint));
 			}, 5e3));
 		}
-		function $e(e) {
+		function it(e) {
 			[
 				i.Declined,
 				i.HangedUp,
 				i.DevicePermissionDenied
-			].includes(oe.value) || (oe.value = e, ve.value = "", ye.value = "", Qe());
+			].includes(oe.value) || (oe.value = e, ge.value = "", _e.value = "", rt());
 		}
-		function et() {
-			$e(i.Declined);
+		function at() {
+			Ce.value = !Ce.value, console.log("Microphone toggled");
 		}
-		function tt() {
-			$e(i.Answered);
+		function ot() {
+			xe.value = !xe.value, console.log("Camera toggled");
 		}
-		function nt() {
-			oe.value !== i.Connected && $e(i.Dialing);
+		function st() {
+			be.value = !be.value, console.log("Background blur toggled");
 		}
-		function rt() {
-			oe.value !== i.DevicePermissionDenied && !b.isCallee && ft();
+		function ct() {
+			it(i.Declined);
 		}
-		async function it() {
-			$e(i.HangedUp), ae.value.video && At();
+		function lt() {
+			it(i.Answered);
 		}
-		function at(e) {
-			$e(i.HangedUp), ye.value = yt(e);
+		function ut() {
+			oe.value !== i.Connected && it(i.Dialing);
 		}
-		function ot() {
-			ve.value = Ke(Ue.value.signalHold), ye.value = Ke(We.value.signalHoldDetail);
+		function dt() {
+			oe.value !== i.DevicePermissionDenied && !b.isCallee && bt();
 		}
-		function st() {
-			be.value = /* @__PURE__ */ new Date();
+		async function ft() {
+			it(i.HangedUp), ae.value.video && Lt();
 		}
-		function ct() {
-			if (!be.value || oe.value === i.HangedUp) return;
-			let e = /* @__PURE__ */ new Date(), t = new Date(be.value), n = Math.abs(e.getTime() - t.getTime()), r = Math.ceil(n / 1e3);
-			r >= 40 ? (ve.value = Ue.value.connectionIssues, ye.value = We.value.connectionIssuesStrong, ne.value = 0) : r > 20 && (ve.value = Ue.value.connectionIssues, ye.value = We.value.connectionIssuesMedium, ne.value = 1);
+		function pt(e) {
+			it(i.HangedUp), _e.value = Dt(e);
+		}
+		function mt() {
+			ge.value = Ze(Ge.value.signalHold), _e.value = Ze(Ke.value.signalHoldDetail);
+		}
+		function ht() {
+			ve.value = /* @__PURE__ */ new Date();
+		}
+		function gt() {
+			if (!ve.value || oe.value === i.HangedUp) return;
+			let e = /* @__PURE__ */ new Date(), t = new Date(ve.value), n = Math.abs(e.getTime() - t.getTime()), r = Math.ceil(n / 1e3);
+			r >= 40 ? (ge.value = Ge.value.connectionIssues, _e.value = Ke.value.connectionIssuesStrong, ne.value = 0) : r > 20 && (ge.value = Ge.value.connectionIssues, _e.value = Ke.value.connectionIssuesMedium, ne.value = 1);
 		}
-		async function lt(e) {
-			await Nt(), N.client = w(new f());
+		async function _t(e) {
+			await Bt(), N.client = w(new f());
 			let t = new y(e);
 			if (N.agent = w(await N.client.createCallAgent(t)), N.deviceManager = await N.client.getDeviceManager(), ae.value = await N.deviceManager.askDevicePermission({
 				video: !0,
 				audio: !0
-			}), (await N.deviceManager.getCameras()).length || (ae.value.video = !1), ge.value = window.setInterval(At, 5e3), !ae.value.audio || !ae.value.video) {
-				$e(i.DevicePermissionDenied);
+			}), (await N.deviceManager.getCameras()).length || (ae.value.video = !1), me.value = window.setInterval(Lt, 5e3), !ae.value.audio || !ae.value.video) {
+				it(i.DevicePermissionDenied);
 				return;
 			}
-			N.agent.on("incomingCall", ut), b.isCallee ? x("ready") : x("start-call");
+			N.agent.on("incomingCall", vt), b.isCallee ? x("ready") : x("start-call");
 		}
-		async function ut(e) {
-			if (!_e.value) try {
-				_e.value = !0, N.incomingCall = e.incomingCall, await pt();
+		async function vt(e) {
+			if (!he.value) try {
+				he.value = !0, N.incomingCall = e.incomingCall, await xt();
 			} catch (e) {
 				console.log("error occured during starting call", e);
 			} finally {
-				_e.value = !1;
+				he.value = !1;
 			}
 		}
-		async function dt() {
-			let e = await mt();
+		async function yt() {
+			let e = await St();
 			return e ? { localVideoStreams: [e] } : void 0;
 		}
-		async function ft() {
+		async function bt() {
 			try {
-				$e(i.Dialing);
-				let e = { videoOptions: await dt() }, t = [{ communicationUserId: b.participant.videoCallIdentityId }];
-				N.call = N.agent.startCall(t, e), gt(), ht();
+				it(i.Dialing);
+				let e = { videoOptions: await yt() }, t = [{ communicationUserId: b.participant.videoCallIdentityId }];
+				N.call = N.agent.startCall(t, e), wt(), Ct();
 			} catch (e) {
 				console.error(e);
 			}
 		}
-		async function pt() {
-			let e = await dt();
+		async function xt() {
+			let e = await yt();
 			try {
 				N.call = await N.incomingCall.accept({ videoOptions: e });
 			} catch (e) {
 				console.error("Error occurred during accepting call", e);
 			}
-			gt(), ht();
+			wt(), Ct();
 		}
-		async function mt() {
+		async function St() {
 			let e = (await N.deviceManager.getCameras())[0];
 			if (e) return new g(e);
 			console.error("No camera device found on the system");
 		}
-		function ht() {
-			N.call.on("stateChanged", vt), N.call.on("localVideoStreamsUpdated", (e) => {
-				e.added.forEach(St), e.removed.forEach(xt);
-			}), N.call.remoteParticipants.forEach(wt), N.call.on("remoteParticipantsUpdated", (e) => {
-				e.added.forEach(wt);
+		function Ct() {
+			N.call.on("stateChanged", Et), N.call.on("localVideoStreamsUpdated", (e) => {
+				e.added.forEach(kt), e.removed.forEach(Ot);
+			}), N.call.remoteParticipants.forEach(jt), N.call.on("remoteParticipantsUpdated", (e) => {
+				e.added.forEach(jt);
 			}), N.call.on("isScreenSharingOnChanged", () => {
 				D.value = N.call.isScreenSharingOn;
 			});
 		}
-		function gt() {
-			M.value = N.call.feature(_.UserFacingDiagnostics), M.value.media.on("diagnosticChanged", _t), M.value.network.on("diagnosticChanged", _t);
+		function wt() {
+			M.value = N.call.feature(_.UserFacingDiagnostics), M.value.media.on("diagnosticChanged", Tt), M.value.network.on("diagnosticChanged", Tt);
 		}
-		function _t(e) {
+		function Tt(e) {
 			(e.diagnostic === "networkReceiveQuality" || e.diagnostic === "networkSendQuality") && (e.value === v.Bad ? (console.error(`${e.diagnostic} is bad quality`), ne.value = 0) : e.value === v.Poor ? (console.error(`${e.diagnostic} is poor quality`), ne.value = 1) : ne.value = 2);
 		}
-		function vt() {
+		function Et() {
 			switch (N.call.state) {
 				case "EarlyMedia":
-					$e(i.Dialing);
+					it(i.Dialing);
 					break;
 				case "Ringing":
-					$e(i.Ringing);
+					it(i.Ringing);
 					break;
 				case "Connected":
-					$e(i.Connected);
+					it(i.Connected);
 					break;
 				case "Disconnected":
 					let e = N.call.callEndReason;
-					console.log("Call end reason:", e), console.log("Code:", e?.code), console.log("SubCode:", e?.subCode), it();
+					console.log("Call end reason:", e), console.log("Code:", e?.code), console.log("SubCode:", e?.subCode), ft();
 					break;
 			}
 		}
-		function yt(e) {
+		function Dt(e) {
 			let t = String(e);
-			return Ke(je.value.endReasons?.[t] || "");
+			return Ze(Ne.value.endReasons?.[t] || "");
 		}
-		function bt() {
-			console.log("Disposing local screen share renderer"), F.value?.dispose(), F.value = null, de.value?.dispose(), de.value = null;
-		}
-		async function xt(e) {
-			if (console.log("Removing local screen share stream", e), !e || e.mediaStreamType !== "ScreenSharing") return;
-			bt();
+		async function Ot(e) {
+			if (!e || e.mediaStreamType !== "ScreenSharing" || !de.value) return;
+			de.value.dispose();
 			let t = document.querySelector(".outgoing__screenshare");
-			t.replaceChildren(), t.style.display = "none";
+			t.style.display = "none";
 			let n = document.querySelector(".outgoing__video");
-			n.style.display = "flex", console.log("local screen share removed");
+			n.style.display = "flex";
 		}
-		async function St(e) {
-			if (console.log("Displaying local screen share stream", e), !e || e.mediaStreamType !== "ScreenSharing") return;
-			bt();
-			let t = w(new h(e));
-			fe.value = e, de.value = t;
-			try {
-				F.value = await t.createView();
-				let e = document.querySelector(".outgoing__screenshare");
-				e.replaceChildren(F.value.target);
-				let n = e.querySelector("video");
-				n.style.objectFit = "contain", e.style.display = "flex";
-				let r = document.querySelector(".outgoing__video");
-				r.style.display = "none", console.log("local screen share displayed");
-			} catch (e) {
-				de.value === t ? bt() : t.dispose(), console.error("Failed to render local screen share", e);
-			}
+		async function kt(e) {
+			if (!e || e.mediaStreamType !== "ScreenSharing") return;
+			de.value = await new h(e).createView();
+			let t = document.querySelector(".outgoing__screenshare");
+			t.replaceChildren(de.value.target), t.style.display = "flex";
+			let n = document.querySelector(".outgoing__video");
+			n.style.display = "none";
+			let r = t.querySelector("video");
+			r.style.objectFit = "contain";
 		}
-		async function Ct(e) {
-			if (console.log("Displaying local video stream", e), e && e.source && ce.value && ce.value.source && ce.value.source.id == e.source.id) return !0;
+		async function At(e) {
+			if (e && e.source && ce.value && ce.value.source && ce.value.source.id == e.source.id) return !0;
 			try {
 				le.value = new h(e);
 				let t = await le.value.createView(), n = document.querySelector(".outgoing__video");
-				n.replaceChildren(t.target), n.style.display = "flex";
+				n.querySelector("video") && (n.innerHTML = ""), n.hidden = !1, n.replaceChildren(t.target);
 			} catch {
 				return !1;
 			}
-			return ce.value = e, console.log("local video displayed"), !0;
+			return ce.value = e, !0;
 		}
-		async function wt(e) {
-			e.videoStreams.forEach(Tt), e.on("videoStreamsUpdated", (e) => {
-				e.added.forEach(Tt);
+		async function jt(e) {
+			e.videoStreams.forEach(Mt), e.on("videoStreamsUpdated", (e) => {
+				e.added.forEach(Mt);
 			});
 		}
-		async function Tt(e) {
-			if (e.mediaStreamType === "Video" && (await Et(e), e.on("isAvailableChanged", async () => await Et(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", Ot), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
+		async function Mt(e) {
+			if (e.mediaStreamType === "Video" && (await Nt(e), e.on("isAvailableChanged", async () => await Nt(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", Ft), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
 				ue.value = new h(e);
 				let t = await ue.value.createView(), n = document.querySelector(".incoming__screenshare");
-				Dt(!0), ee.value = !0, jt(".incoming__screenshare"), n.replaceChildren(t.target);
+				Pt(!0), ee.value = !0, Rt(".incoming__screenshare"), n.replaceChildren(t.target);
 			}
 		}
-		async function Et(e) {
+		async function Nt(e) {
 			if (!e.isAvailable) return;
 			ue.value = new h(e);
 			let t = await ue.value.createView(), n = document.querySelector(".incoming__video");
-			n.hidden = !1, n.replaceChildren(t.target), jt(".incoming__video"), Dt(!1);
+			n.hidden = !1, n.replaceChildren(t.target), Rt(".incoming__video"), Pt(!1);
 		}
-		function Dt(e) {
+		function Pt(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 Ot() {
-			ee.value = !1, Dt(!1);
+		function Ft() {
+			ee.value = !1, Pt(!1);
 		}
-		async function kt() {
-			At(!0);
+		async function It() {
+			Lt(!0);
 		}
-		async function At(e = !1) {
+		async function Lt(e = !1) {
 			let t = N.call?.state;
 			if (t === "Connecting" || t === "EarlyMedia") return;
 			let n = (await N.deviceManager.getCameras()).filter((e) => e.name != "OBS Virtual Camera");
-			me.value = n.length;
-			for (let t = 0; t < me.value; t++) {
-				(e || t != 0) && (he.value = (he.value + 1) % me.value);
-				let r = n[he.value];
-				if (await Ct(new g(r))) break;
+			fe.value = n.length;
+			for (let t = 0; t < fe.value; t++) {
+				(e || t != 0) && (pe.value = (pe.value + 1) % fe.value);
+				let r = n[pe.value];
+				if (await At(new g(r))) break;
 			}
 		}
-		function jt(e) {
+		function Rt(e) {
 			let t = document.querySelector(e);
 			if (!t) return;
 			let n = t.querySelector("video");
 			n && (n.style.objectFit = "contain", n.disablePictureInPicture = !1);
 		}
-		async function Mt() {
+		async function zt() {
 			N.call && N.call.state !== "Disconnected" && (await N.call.hangUp({ forEveryone: !0 }), await N.agent.dispose()), x("end-call", C.value);
 		}
-		async function Nt() {
+		async function Bt() {
 			return o ||= Promise.all([import("@azure/communication-calling"), import("@azure/communication-common")]).then(([e, t]) => {
 				f = e.CallClient, h = e.VideoStreamRenderer, g = e.LocalVideoStream, _ = e.Features, v = e.DiagnosticQuality, y = t.AzureCommunicationTokenCredential;
 			}), o;
 		}
-		async function Pt() {
+		async function Vt() {
 			d ||= import("./browser-aFX0ImH2.js");
 			let { AzureLogger: e, setLogLevel: t } = await d;
 			e.log = (...e) => console.log(...e), t("info"), e.log = (...e) => {
 				let t = [...e];
-				C.value = C.value.splice(1 - cZ).concat(t);
+				C.value = C.value.splice(1 - TZ).concat(t);
 			};
 		}
-		function Ft() {
-			document.querySelector(Xe.value).querySelector("video").requestFullscreen();
+		function Ht() {
+			document.querySelector(tt.value).querySelector("video").requestFullscreen();
 		}
-		function It() {
-			let e = document.querySelector(Xe.value).querySelector("video");
+		function Ut() {
+			let e = document.querySelector(tt.value).querySelector("video");
 			document.pictureInPictureElement ? e.exitPictureInPicture() : document.pictureInPictureEnabled && e.requestPictureInPicture();
 		}
-		async function Lt() {
-			let e = N.call;
-			if (!(!e || pe.value)) {
-				pe.value = !0;
-				try {
-					e.isScreenSharingOn ? await e.stopScreenSharing() : (console.log({
-						isScreenSharingOn: e.isScreenSharingOn,
-						localVideoStreams: e.localVideoStreams.map((e) => e.mediaStreamType)
-					}), await e.startScreenSharing());
-				} catch (t) {
-					D.value = e.isScreenSharingOn, console.error("Failed to change screen sharing state", t);
-				} finally {
-					pe.value = !1;
-				}
-			}
+		async function Wt() {
+			N.call && N.call.isScreenSharingOn ? await N.call.stopScreenSharing() : await N.call.startScreenSharing();
 		}
 		return n({
-			CallDeclined: et,
-			CallAnswered: tt,
-			CallForDataReceived: nt,
-			CallClosedWithStatusCode: at,
-			CallHeartbeatReceived: st,
-			CallSignalHoldDetected: ot,
-			CallStartVideoCall: rt,
-			CallHangUp: it,
-			InitializeAcsConnection: lt
+			CallDeclined: ct,
+			CallAnswered: lt,
+			CallForDataReceived: ut,
+			CallClosedWithStatusCode: pt,
+			CallHeartbeatReceived: ht,
+			CallSignalHoldDetected: mt,
+			CallStartVideoCall: dt,
+			CallHangUp: ft,
+			InitializeAcsConnection: _t
 		}), (e, n) => {
 			let r = se("BDLoader");
-			return A(), l("div", BX, [m(Xq, null, {
+			return A(), l("div", QX, [m(Xq, null, {
 				default: I(() => [m(Zq, null, {
 					default: I(() => [m(Yq, null, {
 						default: I(() => [m(RK, { contactInfo: b.participant.contact }, null, 8, ["contactInfo"])]),
@@ -32471,94 +32494,132 @@ var mX = ["src", "alt"], hX = {
 				}), m(Zq, null, {
 					default: I(() => [m(Yq, {
 						sm: "12",
-						lg: Re.value ? "12" : "8"
+						lg: Be.value ? "12" : "8"
 					}, {
-						default: I(() => [u("div", { class: O(["incoming", Ae.value]) }, [Ve.value ? (A(), l("div", VX, [
+						default: I(() => [u("div", { class: O(["incoming", Me.value]) }, [Ue.value ? (A(), l("div", $X, [
 							m(r, {
 								size: "lg",
-								message: qe.value,
-								stopAnimation: Re.value || ze.value || He.value
+								message: Qe.value,
+								stopAnimation: Be.value || Ve.value || We.value
 							}, null, 8, ["message", "stopAnimation"]),
-							ke.value ? (A(), l("div", HX, [u("div", UX, [m(Ri, { class: "icon-xl icon-state-error" })]), u("span", null, P(Pe.value.permissionDeniedForAudio), 1)])) : c("", !0),
-							Oe.value ? (A(), l("div", WX, [u("div", GX, [m(oo, { class: "icon-xl icon-state-error" })]), u("span", null, P(Pe.value.permissionDeniedForVideo), 1)])) : c("", !0),
-							Re.value || ze.value || He.value ? (A(), s(R, {
+							je.value ? (A(), l("div", eZ, [u("div", tZ, [m(Ri, { class: "icon-xl icon-state-error" })]), u("span", null, P(Fe.value.permissionDeniedForAudio), 1)])) : c("", !0),
+							Ae.value ? (A(), l("div", nZ, [u("div", rZ, [m(oo, { class: "icon-xl icon-state-error" })]), u("span", null, P(Fe.value.permissionDeniedForVideo), 1)])) : c("", !0),
+							Be.value || Ve.value || We.value ? (A(), s(R, {
 								key: 2,
 								variant: "primary",
 								class: "text-center",
-								onClick: Mt
+								onClick: zt
 							}, {
-								default: I(() => [p(P(Me.value.closeWindow), 1)]),
+								default: I(() => [p(P(Pe.value.closeWindow), 1)]),
 								_: 1
 							})) : c("", !0)
-						])) : (A(), l("div", KX, [
+						])) : (A(), l("div", iZ, [
 							n[0] ||= u("div", { class: "incoming__video" }, null, -1),
 							n[1] ||= u("div", { class: "incoming__screenshare" }, null, -1),
-							u("div", qX, [m(R, {
+							u("div", aZ, [m(R, {
 								variant: "primary",
 								class: "text-center",
-								onClick: Ft
+								onClick: Ht
 							}, {
-								default: I(() => [m(xa), u("span", null, P(Me.value.fullScreen), 1)]),
+								default: I(() => [m(xa), u("span", null, P(Pe.value.fullScreen), 1)]),
 								_: 1
 							}), !T && !k.value ? (A(), s(R, {
 								key: 0,
 								variant: "primary",
 								class: "text-center",
-								onClick: It
+								onClick: Ut
 							}, {
-								default: I(() => [m(xa), u("span", null, P(Me.value.miniPlayer), 1)]),
+								default: I(() => [m(xa), u("span", null, P(Pe.value.miniPlayer), 1)]),
 								_: 1
 							})) : c("", !0)])
 						]))], 2)]),
 						_: 1
-					}, 8, ["lg"]), Re.value ? c("", !0) : (A(), s(Yq, {
+					}, 8, ["lg"]), Be.value ? c("", !0) : (A(), s(Yq, {
 						key: 0,
 						sm: "12",
 						lg: "4"
 					}, {
-						default: I(() => [u("div", JX, [u("div", null, [
-							u("div", YX, [u("div", XX, [
-								He.value ? c("", !0) : (A(), l("div", ZX)),
+						default: I(() => [u("div", oZ, [u("div", null, [
+							u("div", sZ, [u("div", cZ, [
+								We.value ? c("", !0) : (A(), l("div", lZ)),
 								n[2] ||= u("div", { class: "outgoing__screenshare" }, null, -1),
-								De.value && !He.value && !k.value && !Ve.value ? (A(), s(R, {
+								u("div", uZ, [
+									Se((A(), s(R, {
+										class: O({ "btn-danger": Ce.value }),
+										onClick: at
+									}, {
+										default: I(() => [Ce.value ? (A(), l("img", {
+											key: 0,
+											src: BX,
+											alt: Je.value
+										}, null, 8, dZ)) : (A(), l("img", {
+											key: 1,
+											src: VX,
+											alt: Je.value
+										}, null, 8, fZ))]),
+										_: 1
+									}, 8, ["class"])), [[F(wK), Je.value]]),
+									Se((A(), s(R, {
+										class: O({ "btn-danger": xe.value }),
+										onClick: ot
+									}, {
+										default: I(() => [xe.value ? (A(), l("img", {
+											key: 0,
+											src: HX,
+											alt: Ye.value
+										}, null, 8, pZ)) : (A(), l("img", {
+											key: 1,
+											src: UX,
+											alt: Ye.value
+										}, null, 8, mZ))]),
+										_: 1
+									}, 8, ["class"])), [[F(wK), Ye.value]]),
+									Se((A(), s(R, {
+										class: O(["blur-button", { off: be.value }]),
+										onClick: st
+									}, {
+										default: I(() => [m(ZX), m(qX)]),
+										_: 1
+									}, 8, ["class"])), [[F(wK), Xe.value]])
+								]),
+								ke.value && !We.value && !k.value && !Ue.value ? (A(), s(R, {
 									key: 1,
 									variant: D.value ? "danger" : "primary",
-									class: "text-center",
-									onClick: Lt,
-									disabled: pe.value
+									class: "share-button",
+									onClick: Wt
 								}, {
-									default: I(() => [m(xa), u("span", null, P(Fe.value), 1)]),
+									default: I(() => [m(xa), u("span", null, P(Le.value), 1)]),
 									_: 1
-								}, 8, ["variant", "disabled"])) : c("", !0),
-								Ee.value ? (A(), l(t, { key: 2 }, [m(R, {
+								}, 8, ["variant"])) : c("", !0),
+								Oe.value ? (A(), l(t, { key: 2 }, [m(R, {
 									class: "text-center",
-									onClick: kt
+									onClick: It
 								}, {
-									default: I(() => [p(P(Me.value.switchCamera), 1)]),
+									default: I(() => [p(P(Pe.value.switchCamera), 1)]),
 									_: 1
-								}), u("p", QX, P(Te.value), 1)], 64)) : c("", !0),
-								Oe.value ? (A(), l("div", $X, [u("div", eZ, [m(oo, { class: "icon-xxl icon-state-error" })]), u("span", null, P(Pe.value.permissionDeniedForVideo), 1)])) : c("", !0)
+								}), u("p", hZ, P(De.value), 1)], 64)) : c("", !0),
+								Ae.value ? (A(), l("div", gZ, [u("div", _Z, [m(oo, { class: "icon-xxl icon-state-error" })]), u("span", null, P(Fe.value.permissionDeniedForVideo), 1)])) : c("", !0)
 							])]),
-							!ze.value && !He.value ? (A(), s(R, {
+							!Ve.value && !We.value ? (A(), s(R, {
 								key: 0,
 								variant: "danger",
 								class: "end-call-button text-center w-100",
-								onClick: Mt
+								onClick: zt
 							}, {
-								default: I(() => [m(zn), u("span", null, P(Me.value.endCall), 1)]),
+								default: I(() => [m(zn), u("span", null, P(Pe.value.endCall), 1)]),
 								_: 1
 							})) : c("", !0),
-							u("div", tZ, [u("div", nZ, [u("p", rZ, P(Je.value), 1), Ye.value ? (A(), l("small", iZ, P(Ye.value), 1)) : c("", !0)]), u("div", aZ, [
-								u("p", null, [u("b", null, P(Ie.value), 1)]),
-								u("p", null, P(Le.value), 1),
+							u("div", vZ, [u("div", yZ, [u("p", bZ, P($e.value), 1), et.value ? (A(), l("small", xZ, P(et.value), 1)) : c("", !0)]), u("div", SZ, [
+								u("p", null, [u("b", null, P(Re.value), 1)]),
+								u("p", null, P(ze.value), 1),
 								u("p", null, [
 									u("a", {
 										href: b.videoTestUrl,
 										target: "_blank",
 										rel: "noopener noreferrer"
-									}, P(Me.value.testCall), 9, oZ),
+									}, P(Pe.value.testCall), 9, CZ),
 									n[3] ||= p(" • ", -1),
-									u("a", sZ, P(Me.value.serviceDesk), 1)
+									u("a", wZ, P(Pe.value.serviceDesk), 1)
 								])
 							])])
 						])])]),
@@ -32570,14 +32631,14 @@ var mX = ["src", "alt"], hX = {
 			})]);
 		};
 	}
-}, uZ = { class: "template not-found-template" }, dZ = { class: "center-screen" }, fZ = { class: "container-warning" }, pZ = /* @__PURE__ */ g({
+}, DZ = { class: "template not-found-template" }, OZ = { class: "center-screen" }, kZ = { class: "container-warning" }, AZ = /* @__PURE__ */ g({
 	__name: "BDNotFoundTemplate",
 	props: { buttonText: { type: String } },
 	emits: ["navigate"],
 	setup(e, { emit: t }) {
 		let { t: n } = Kd(), r = e, i = t, o = a(() => r.buttonText || n("notFoundTemplate.buttonDefault")), s = a(() => n("notFoundTemplate.title")), c = a(() => n("notFoundTemplate.description")), d = () => i("navigate");
-		return (e, t) => (A(), l("main", uZ, [m(Xq, { class: "container-xl" }, {
-			default: I(() => [u("div", dZ, [u("div", fZ, [
+		return (e, t) => (A(), l("main", DZ, [m(Xq, { class: "container-xl" }, {
+			default: I(() => [u("div", OZ, [u("div", kZ, [
 				m(Ya),
 				u("h1", null, P(s.value), 1),
 				u("p", null, P(c.value), 1),
@@ -32593,15 +32654,15 @@ var mX = ["src", "alt"], hX = {
 			_: 1
 		})]));
 	}
-}), mZ = (e) => {
+}), jZ = (e) => {
 	let t = /<a\b[^>]*>.*?<\/a>/gi, n = [], r;
 	for (; (r = t.exec(e)) !== null;) n.push({
 		start: r.index,
 		end: r.index + r[0].length
 	});
 	return e.replace(/(https?:\/\/[^\s<>"',]+|www\.[^\s<>"',]+)/g, (e, t, r) => n.some((e) => r >= e.start && r < e.end) ? e : `<a href="${e.startsWith("www.") ? `http://${e}` : e}" target="_blank" rel="noopener noreferrer">${e}</a>`);
-}, hZ = (e, t) => `<p><a href="${e}" title="${t}" target="_blank" rel="noopener noreferrer">${t}</a></p>`, gZ = (e) => e.startsWith("http://") || e.startsWith("https://"), _Z = { install: (e) => {
-	e.component("BDAlert", vo), e.component("BDArticle", xo), e.component("BDAssignConversationModal", eJ), e.component("BDAttachmentPreviewList", Bv), e.component("BDAttachmentUploadModal", tJ), e.component("BDBadge", wo), e.component("BDButton", R), e.component("BDCard", Fo), e.component("BDChangePasswordTemplate", zX), e.component("BDChatCloud", cy), e.component("BDCol", Yq), e.component("BDCollapsableCard", zo), e.component("BDConfirmationModal", nJ), e.component("BDContainer", Xq), e.component("BDContentLibraryModal", GY), e.component("BDContentLibrarySplitButton", Ng), e.component("BDContentLibraryTemplate", WY), e.component("BDConversationToTextModal", fX), e.component("BDDate", Qg), e.component("BDDropdown", uq), e.component("BDDropdownItem", ly), e.component("BDFileUpload", pk), e.component("BDForm", $g), e.component("BDFormCheckbox", __), e.component("BDFormInput", z_), e.component("BDFormInvalidFeedback", y_), e.component("BDFormMultipleCheckbox", _k), e.component("BDFormSelect", W_), e.component("BDHeader", _q), e.component("BDImageAttachmentModal", yX), e.component("BDImageAttachmentPreviewList", Yv), e.component("BDInputGroup", q_), e.component("BDLink", Eo), e.component("BDLoader", $_), e.component("BDLogo", nv), e.component("BDMarkdownEditor", DK), e.component("BDMessageTemplateFormModal", xX), e.component("BDMobileMenu", PK), e.component("BDModal", Eq), e.component("BDNotFoundTemplate", pZ), e.component("BDPagination", lv), e.component("BDPhoneNumberEditModal", Pq), e.component("BDPill", gv), e.component("BDPillContainer", yv), e.component("BDPractitionerHeader", Jq), e.component("BDProfileImage", Sv), e.component("BDRow", Zq), e.component("BDSessionTimeOutModal", $q), e.component("BDSmallConversationCard", RK), e.component("BDTable", qK), e.component("BDToast", Dv), e.component("BDUser", QK), e.component("BDUserInformation", Mv), e.component("BDVideoCallConfirmationModal", kX), e.component("BDVideoCallTemplate", lZ), e.component("BDVideoCallToast", lq), e.component("BDZoomslider", Fv), e.component("IconAcademy", Re), e.component("IconArrowDown", He), e.component("IconArrowUp", Ke), e.component("IconAttachment", Xe), e.component("IconBold", et), e.component("IconBulletList", it), e.component("IconCalendar", ct), e.component("IconCall", ft), e.component("IconCallReject", gt), e.component("IconCardView", bt), e.component("IconCaretDown", wt), e.component("IconCaretLeft", Ot), e.component("IconCaretRight", Mt), e.component("IconCheck", It), e.component("IconClipboard", Bt), e.component("IconClose", Wt), e.component("IconComment", Jt), e.component("IconCommentActive", Qt), e.component("IconCommentStatic", nn), e.component("IconCommonFileEmpty", sn), e.component("IconCommonFileWarning", dn), e.component("IconContactPerson", hn), e.component("IconCopy", yn), e.component("IconDelete", Cn), e.component("IconDoubleCheck", Dn), e.component("IconDownloadImage", jn), e.component("IconEdit", Fn), e.component("IconEndCall", zn), e.component("IconError", Un), e.component("IconExternal", qn), e.component("IconEyeShow", Zn), e.component("IconEyeSlash", tr), e.component("IconFile", ar), e.component("IconFileAdded", lr), e.component("IconForward", pr), e.component("IconHix", _r), e.component("IconHyperlink", xr), e.component("IconImageFileLandscape", Tr), e.component("IconImageFileWarning", kr), e.component("IconInbox", Nr), e.component("IconInfo", Lr), e.component("IconInformationCircle", Vr), e.component("IconItalic", Gr), e.component("IconListView", Yr), e.component("IconLock", $r), e.component("IconLusciiEscalated", ri), e.component("IconLusciiLogo", si), e.component("IconLusciiOpen", di), e.component("IconLusciiPriorityHigh", hi), e.component("IconLusciiPriorityLow", yi), e.component("IconLusciiPriorityMedium", Ci), e.component("IconMenu", Di), e.component("IconMessage", ji), e.component("IconMessageForward", Fi), e.component("IconMicrophoneSlash", Ri), e.component("IconMicrosoftTeams", Hi), e.component("IconMin", Ki), e.component("IconOrderedList", Xi), e.component("IconPlus", ea), e.component("IconRefresh", ia), e.component("IconRemove", ca), e.component("IconSananetLogo", pa), e.component("IconService", _a), e.component("IconShareScreen", xa), e.component("IconSingleNeutral", Ta), e.component("IconSort", ka), e.component("IconSortAsc", Na), e.component("IconSortDesc", La), e.component("IconSortNone", Va), e.component("IconTriangleDown", Ga), e.component("IconTriangleExclamation", Ya), e.component("IconUnderline", $a), e.component("IconVideoDisabled", oo), e.component("IconVideocall", ro), e.component("IconWarning", uo), e.component("IconZorgkaart", ho), e.directive("bd-tooltip", wK);
+}, MZ = (e, t) => `<p><a href="${e}" title="${t}" target="_blank" rel="noopener noreferrer">${t}</a></p>`, NZ = (e) => e.startsWith("http://") || e.startsWith("https://"), PZ = { install: (e) => {
+	e.component("BDAlert", vo), e.component("BDArticle", xo), e.component("BDAssignConversationModal", eJ), e.component("BDAttachmentPreviewList", Bv), e.component("BDAttachmentUploadModal", tJ), e.component("BDBadge", wo), e.component("BDButton", R), e.component("BDCard", Fo), e.component("BDChangePasswordTemplate", zX), e.component("BDChatCloud", cy), e.component("BDCol", Yq), e.component("BDCollapsableCard", zo), e.component("BDConfirmationModal", nJ), e.component("BDContainer", Xq), e.component("BDContentLibraryModal", GY), e.component("BDContentLibrarySplitButton", Ng), e.component("BDContentLibraryTemplate", WY), e.component("BDConversationToTextModal", fX), e.component("BDDate", Qg), e.component("BDDropdown", uq), e.component("BDDropdownItem", ly), e.component("BDFileUpload", pk), e.component("BDForm", $g), e.component("BDFormCheckbox", __), e.component("BDFormInput", z_), e.component("BDFormInvalidFeedback", y_), e.component("BDFormMultipleCheckbox", _k), e.component("BDFormSelect", W_), e.component("BDHeader", _q), e.component("BDImageAttachmentModal", yX), e.component("BDImageAttachmentPreviewList", Yv), e.component("BDInputGroup", q_), e.component("BDLink", Eo), e.component("BDLoader", $_), e.component("BDLogo", nv), e.component("BDMarkdownEditor", DK), e.component("BDMessageTemplateFormModal", xX), e.component("BDMobileMenu", PK), e.component("BDModal", Eq), e.component("BDNotFoundTemplate", AZ), e.component("BDPagination", lv), e.component("BDPhoneNumberEditModal", Pq), e.component("BDPill", gv), e.component("BDPillContainer", yv), e.component("BDPractitionerHeader", Jq), e.component("BDProfileImage", Sv), e.component("BDRow", Zq), e.component("BDSessionTimeOutModal", $q), e.component("BDSmallConversationCard", RK), e.component("BDTable", qK), e.component("BDToast", Dv), e.component("BDUser", QK), e.component("BDUserInformation", Mv), e.component("BDVideoCallConfirmationModal", kX), e.component("BDVideoCallTemplate", EZ), e.component("BDVideoCallToast", lq), e.component("BDZoomslider", Fv), e.component("IconAcademy", Re), e.component("IconArrowDown", He), e.component("IconArrowUp", Ke), e.component("IconAttachment", Xe), e.component("IconBold", et), e.component("IconBulletList", it), e.component("IconCalendar", ct), e.component("IconCall", ft), e.component("IconCallReject", gt), e.component("IconCardView", bt), e.component("IconCaretDown", wt), e.component("IconCaretLeft", Ot), e.component("IconCaretRight", Mt), e.component("IconCheck", It), e.component("IconClipboard", Bt), e.component("IconClose", Wt), e.component("IconComment", Jt), e.component("IconCommentActive", Qt), e.component("IconCommentStatic", nn), e.component("IconCommonFileEmpty", sn), e.component("IconCommonFileWarning", dn), e.component("IconContactPerson", hn), e.component("IconCopy", yn), e.component("IconDelete", Cn), e.component("IconDoubleCheck", Dn), e.component("IconDownloadImage", jn), e.component("IconEdit", Fn), e.component("IconEndCall", zn), e.component("IconError", Un), e.component("IconExternal", qn), e.component("IconEyeShow", Zn), e.component("IconEyeSlash", tr), e.component("IconFile", ar), e.component("IconFileAdded", lr), e.component("IconForward", pr), e.component("IconHix", _r), e.component("IconHyperlink", xr), e.component("IconImageFileLandscape", Tr), e.component("IconImageFileWarning", kr), e.component("IconInbox", Nr), e.component("IconInfo", Lr), e.component("IconInformationCircle", Vr), e.component("IconItalic", Gr), e.component("IconListView", Yr), e.component("IconLock", $r), e.component("IconLusciiEscalated", ri), e.component("IconLusciiLogo", si), e.component("IconLusciiOpen", di), e.component("IconLusciiPriorityHigh", hi), e.component("IconLusciiPriorityLow", yi), e.component("IconLusciiPriorityMedium", Ci), e.component("IconMenu", Di), e.component("IconMessage", ji), e.component("IconMessageForward", Fi), e.component("IconMicrophoneSlash", Ri), e.component("IconMicrosoftTeams", Hi), e.component("IconMin", Ki), e.component("IconOrderedList", Xi), e.component("IconPlus", ea), e.component("IconRefresh", ia), e.component("IconRemove", ca), e.component("IconSananetLogo", pa), e.component("IconService", _a), e.component("IconShareScreen", xa), e.component("IconSingleNeutral", Ta), e.component("IconSort", ka), e.component("IconSortAsc", Na), e.component("IconSortDesc", La), e.component("IconSortNone", Va), e.component("IconTriangleDown", Ga), e.component("IconTriangleExclamation", Ya), e.component("IconUnderline", $a), e.component("IconVideoDisabled", oo), e.component("IconVideocall", ro), e.component("IconWarning", uo), e.component("IconZorgkaart", ho), e.directive("bd-tooltip", wK);
 } };
 //#endregion
-export { vo as BDAlert, xo as BDArticle, eJ as BDAssignConversationModal, Bv as BDAttachmentPreviewList, tJ as BDAttachmentUploadModal, wo as BDBadge, R as BDButton, Fo as BDCard, zX as BDChangePasswordTemplate, cy as BDChatCloud, Yq as BDCol, zo as BDCollapsableCard, nJ as BDConfirmationModal, Xq as BDContainer, GY as BDContentLibraryModal, Ng as BDContentLibrarySplitButton, WY as BDContentLibraryTemplate, fX as BDConversationToTextModal, Qg as BDDate, uq as BDDropdown, ly as BDDropdownItem, pk as BDFileUpload, $g as BDForm, __ as BDFormCheckbox, z_ as BDFormInput, y_ as BDFormInvalidFeedback, _k as BDFormMultipleCheckbox, W_ as BDFormSelect, _q as BDHeader, yX as BDImageAttachmentModal, Yv as BDImageAttachmentPreviewList, q_ as BDInputGroup, Eo as BDLink, $_ as BDLoader, nv as BDLogo, DK as BDMarkdownEditor, xX as BDMessageTemplateFormModal, PK as BDMobileMenu, Eq as BDModal, pZ as BDNotFoundTemplate, lv as BDPagination, Pq as BDPhoneNumberEditModal, gv as BDPill, yv as BDPillContainer, Jq as BDPractitionerHeader, Sv as BDProfileImage, Zq as BDRow, $q as BDSessionTimeOutModal, RK as BDSmallConversationCard, qK as BDTable, Dv as BDToast, QK as BDUser, Mv as BDUserInformation, kX as BDVideoCallConfirmationModal, lZ as BDVideoCallTemplate, lq as BDVideoCallToast, Fv as BDZoomslider, nX as CopyChatMessageToClipboard, rX as CopyChatMessagesToClipboard, iX as CopyHl7MessagesToClipboard, hZ as CreateHyperlinkParagraph, $v as CreateThumbnailUri, Re as IconAcademy, He as IconArrowDown, Ke as IconArrowUp, Xe as IconAttachment, et as IconBold, it as IconBulletList, ct as IconCalendar, ft as IconCall, gt as IconCallReject, bt as IconCardView, wt as IconCaretDown, Ot as IconCaretLeft, Mt as IconCaretRight, It as IconCheck, Bt as IconClipboard, Wt as IconClose, Jt as IconComment, Qt as IconCommentActive, nn as IconCommentStatic, sn as IconCommonFileEmpty, dn as IconCommonFileWarning, hn as IconContactPerson, yn as IconCopy, Cn as IconDelete, Dn as IconDoubleCheck, jn as IconDownloadImage, Fn as IconEdit, zn as IconEndCall, Un as IconError, qn as IconExternal, Zn as IconEyeShow, tr as IconEyeSlash, ar as IconFile, lr as IconFileAdded, pr as IconForward, _r as IconHix, xr as IconHyperlink, Tr as IconImageFileLandscape, kr as IconImageFileWarning, Nr as IconInbox, Lr as IconInfo, Vr as IconInformationCircle, Gr as IconItalic, Yr as IconListView, $r as IconLock, ri as IconLusciiEscalated, si as IconLusciiLogo, di as IconLusciiOpen, hi as IconLusciiPriorityHigh, yi as IconLusciiPriorityLow, Ci as IconLusciiPriorityMedium, Di as IconMenu, ji as IconMessage, Fi as IconMessageForward, Ri as IconMicrophoneSlash, Hi as IconMicrosoftTeams, Ki as IconMin, Xi as IconOrderedList, ea as IconPlus, ia as IconRefresh, ca as IconRemove, pa as IconSananetLogo, _a as IconService, xa as IconShareScreen, Ta as IconSingleNeutral, ka as IconSort, Na as IconSortAsc, La as IconSortDesc, Va as IconSortNone, Ga as IconTriangleDown, Ya as IconTriangleExclamation, $a as IconUnderline, oo as IconVideoDisabled, ro as IconVideocall, uo as IconWarning, ho as IconZorgkaart, Xv as MapAttachmentsForApi, ny as MapToAttachmentObjects, mZ as TransformHyperlinks, gZ as ValidateUrl, _Z as default, Xg as getDisplayDateNumeric, qg as getDisplayDateTextual, Yg as getDisplayDateTimeNumeric, Jg as getDisplayDateTimeTextual, Dq as useModal, zq as usePopover, kq as useServerErrors, Qq as useSessionTimeOut, lk as useToaster, AX as useValidation, Lq as useWindow, pX as useZoom, wK as vBdTooltip };
+export { vo as BDAlert, xo as BDArticle, eJ as BDAssignConversationModal, Bv as BDAttachmentPreviewList, tJ as BDAttachmentUploadModal, wo as BDBadge, R as BDButton, Fo as BDCard, zX as BDChangePasswordTemplate, cy as BDChatCloud, Yq as BDCol, zo as BDCollapsableCard, nJ as BDConfirmationModal, Xq as BDContainer, GY as BDContentLibraryModal, Ng as BDContentLibrarySplitButton, WY as BDContentLibraryTemplate, fX as BDConversationToTextModal, Qg as BDDate, uq as BDDropdown, ly as BDDropdownItem, pk as BDFileUpload, $g as BDForm, __ as BDFormCheckbox, z_ as BDFormInput, y_ as BDFormInvalidFeedback, _k as BDFormMultipleCheckbox, W_ as BDFormSelect, _q as BDHeader, yX as BDImageAttachmentModal, Yv as BDImageAttachmentPreviewList, q_ as BDInputGroup, Eo as BDLink, $_ as BDLoader, nv as BDLogo, DK as BDMarkdownEditor, xX as BDMessageTemplateFormModal, PK as BDMobileMenu, Eq as BDModal, AZ as BDNotFoundTemplate, lv as BDPagination, Pq as BDPhoneNumberEditModal, gv as BDPill, yv as BDPillContainer, Jq as BDPractitionerHeader, Sv as BDProfileImage, Zq as BDRow, $q as BDSessionTimeOutModal, RK as BDSmallConversationCard, qK as BDTable, Dv as BDToast, QK as BDUser, Mv as BDUserInformation, kX as BDVideoCallConfirmationModal, EZ as BDVideoCallTemplate, lq as BDVideoCallToast, Fv as BDZoomslider, nX as CopyChatMessageToClipboard, rX as CopyChatMessagesToClipboard, iX as CopyHl7MessagesToClipboard, MZ as CreateHyperlinkParagraph, $v as CreateThumbnailUri, Re as IconAcademy, He as IconArrowDown, Ke as IconArrowUp, Xe as IconAttachment, et as IconBold, it as IconBulletList, ct as IconCalendar, ft as IconCall, gt as IconCallReject, bt as IconCardView, wt as IconCaretDown, Ot as IconCaretLeft, Mt as IconCaretRight, It as IconCheck, Bt as IconClipboard, Wt as IconClose, Jt as IconComment, Qt as IconCommentActive, nn as IconCommentStatic, sn as IconCommonFileEmpty, dn as IconCommonFileWarning, hn as IconContactPerson, yn as IconCopy, Cn as IconDelete, Dn as IconDoubleCheck, jn as IconDownloadImage, Fn as IconEdit, zn as IconEndCall, Un as IconError, qn as IconExternal, Zn as IconEyeShow, tr as IconEyeSlash, ar as IconFile, lr as IconFileAdded, pr as IconForward, _r as IconHix, xr as IconHyperlink, Tr as IconImageFileLandscape, kr as IconImageFileWarning, Nr as IconInbox, Lr as IconInfo, Vr as IconInformationCircle, Gr as IconItalic, Yr as IconListView, $r as IconLock, ri as IconLusciiEscalated, si as IconLusciiLogo, di as IconLusciiOpen, hi as IconLusciiPriorityHigh, yi as IconLusciiPriorityLow, Ci as IconLusciiPriorityMedium, Di as IconMenu, ji as IconMessage, Fi as IconMessageForward, Ri as IconMicrophoneSlash, Hi as IconMicrosoftTeams, Ki as IconMin, Xi as IconOrderedList, ea as IconPlus, ia as IconRefresh, ca as IconRemove, pa as IconSananetLogo, _a as IconService, xa as IconShareScreen, Ta as IconSingleNeutral, ka as IconSort, Na as IconSortAsc, La as IconSortDesc, Va as IconSortNone, Ga as IconTriangleDown, Ya as IconTriangleExclamation, $a as IconUnderline, oo as IconVideoDisabled, ro as IconVideocall, uo as IconWarning, ho as IconZorgkaart, Xv as MapAttachmentsForApi, ny as MapToAttachmentObjects, jZ as TransformHyperlinks, NZ as ValidateUrl, PZ as default, Xg as getDisplayDateNumeric, qg as getDisplayDateTextual, Yg as getDisplayDateTimeNumeric, Jg as getDisplayDateTimeTextual, Dq as useModal, zq as usePopover, kq as useServerErrors, Qq as useSessionTimeOut, lk as useToaster, AX as useValidation, Lq as useWindow, pX as useZoom, wK as vBdTooltip };