@beterdichtbij/component-library 0.72.6 → 0.72.7-alpha.1

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

@@ -244,7 +244,7 @@ var nn = /*#__PURE__*/ L($t, [["render", tn]]), rn = {}, an = {
 	class: "icon icon-common-file-empty"
 };
 function on(e, t) {
-	return A(), l("svg", an, [...t[0] ||= [u("title", null, "common-file-empty", -1), u("g", null, [u("path", { d: "M3.023,24c-1.241,0-2.25-1.009-2.25-2.25V2.25C0.773,1.009,1.782,0,3.023,0h15c0.59,0,1.147,0.227,1.571,0.639l2.955,2.883\n		c0.431,0.422,0.678,1.009,0.678,1.611V21.75c0,1.241-1.009,2.25-2.25,2.25H3.023z M3.023,1.5c-0.414,0-0.75,0.336-0.75,0.75v19.5\n		c0,0.414,0.336,0.75,0.75,0.75h17.954c0.414,0,0.75-0.336,0.75-0.75V5.133c0-0.201-0.082-0.397-0.226-0.537l-2.955-2.883\n		C18.406,1.576,18.22,1.5,18.023,1.5H3.023z" })], -1)]]);
+	return A(), l("svg", an, [...t[0] ||= [u("title", null, "common-file-empty", -1), u("g", null, [u("path", { d: "M3.023,24c-1.241,0-2.25-1.009-2.25-2.25V2.25C0.773,1.009,1.782,0,3.023,0h15c0.59,0,1.147,0.227,1.571,0.639l2.955,2.883\r\n		c0.431,0.422,0.678,1.009,0.678,1.611V21.75c0,1.241-1.009,2.25-2.25,2.25H3.023z M3.023,1.5c-0.414,0-0.75,0.336-0.75,0.75v19.5\r\n		c0,0.414,0.336,0.75,0.75,0.75h17.954c0.414,0,0.75-0.336,0.75-0.75V5.133c0-0.201-0.082-0.397-0.226-0.537l-2.955-2.883\r\n		C18.406,1.576,18.22,1.5,18.023,1.5H3.023z" })], -1)]]);
 }
 var sn = /*#__PURE__*/ L(rn, [["render", on]]), cn = {}, ln = {
 	version: "1.1",
@@ -264,9 +264,9 @@ function un(e, t) {
 			cy: "20.625",
 			r: "1.125"
 		}),
-		u("path", { d: "M17.249,18.75c-0.414,0-0.75-0.336-0.75-0.75v-3c0-0.414,0.336-0.75,0.75-0.75s0.75,0.336,0.75,0.75v3\n		C17.999,18.414,17.663,18.75,17.249,18.75z" }),
-		u("path", { d: "M13.023,24c-1.391,0-2.524-1.132-2.525-2.523c0-0.39,0.092-0.781,0.267-1.131l4.226-8.451\n		c0.43-0.861,1.297-1.396,2.262-1.396c0.393,0,0.771,0.089,1.124,0.266c0.486,0.243,0.887,0.644,1.13,1.13l4.226,8.451\n		c0.623,1.244,0.117,2.764-1.127,3.386C22.256,23.908,21.865,24,21.475,24H13.023z M17.252,12c-0.392,0-0.744,0.217-0.918,0.567\n		l-4.226,8.451c-0.071,0.142-0.109,0.3-0.109,0.459c0,0.565,0.46,1.024,1.024,1.024h8.452c0.158,0,0.317-0.038,0.46-0.109\n		c0.504-0.252,0.709-0.869,0.457-1.374l-4.226-8.451c-0.099-0.197-0.261-0.36-0.458-0.459C17.564,12.036,17.41,12,17.252,12z" }),
-		u("path", { d: "M2.249,21c-1.241,0-2.25-1.009-2.25-2.25V2.25c0-1.241,1.009-2.25,2.25-2.25h10.629c0.601,0,1.165,0.234,1.59,0.658\n		l2.872,2.872c0.425,0.425,0.659,0.99,0.659,1.59V8.25c0,0.414-0.336,0.75-0.75,0.75s-0.75-0.336-0.75-0.75V5.121\n		c0-0.197-0.08-0.39-0.219-0.53l-2.872-2.872c-0.142-0.141-0.33-0.219-0.53-0.219H2.249c-0.414,0-0.75,0.336-0.75,0.75v16.5\n		c0,0.414,0.336,0.75,0.75,0.75h6c0.414,0,0.75,0.336,0.75,0.75S8.663,21,8.249,21H2.249z" })
+		u("path", { d: "M17.249,18.75c-0.414,0-0.75-0.336-0.75-0.75v-3c0-0.414,0.336-0.75,0.75-0.75s0.75,0.336,0.75,0.75v3\r\n		C17.999,18.414,17.663,18.75,17.249,18.75z" }),
+		u("path", { d: "M13.023,24c-1.391,0-2.524-1.132-2.525-2.523c0-0.39,0.092-0.781,0.267-1.131l4.226-8.451\r\n		c0.43-0.861,1.297-1.396,2.262-1.396c0.393,0,0.771,0.089,1.124,0.266c0.486,0.243,0.887,0.644,1.13,1.13l4.226,8.451\r\n		c0.623,1.244,0.117,2.764-1.127,3.386C22.256,23.908,21.865,24,21.475,24H13.023z M17.252,12c-0.392,0-0.744,0.217-0.918,0.567\r\n		l-4.226,8.451c-0.071,0.142-0.109,0.3-0.109,0.459c0,0.565,0.46,1.024,1.024,1.024h8.452c0.158,0,0.317-0.038,0.46-0.109\r\n		c0.504-0.252,0.709-0.869,0.457-1.374l-4.226-8.451c-0.099-0.197-0.261-0.36-0.458-0.459C17.564,12.036,17.41,12,17.252,12z" }),
+		u("path", { d: "M2.249,21c-1.241,0-2.25-1.009-2.25-2.25V2.25c0-1.241,1.009-2.25,2.25-2.25h10.629c0.601,0,1.165,0.234,1.59,0.658\r\n		l2.872,2.872c0.425,0.425,0.659,0.99,0.659,1.59V8.25c0,0.414-0.336,0.75-0.75,0.75s-0.75-0.336-0.75-0.75V5.121\r\n		c0-0.197-0.08-0.39-0.219-0.53l-2.872-2.872c-0.142-0.141-0.33-0.219-0.53-0.219H2.249c-0.414,0-0.75,0.336-0.75,0.75v16.5\r\n		c0,0.414,0.336,0.75,0.75,0.75h6c0.414,0,0.75,0.336,0.75,0.75S8.663,21,8.249,21H2.249z" })
 	], -1)]]);
 }
 var dn = /*#__PURE__*/ L(cn, [["render", un]]), fn = {}, pn = {
@@ -402,7 +402,7 @@ var tr = /*#__PURE__*/ L(Qn, [["render", er]]), nr = {}, rr = {
 	class: "icon icon-file"
 };
 function ir(e, t) {
-	return A(), l("svg", rr, [...t[0] ||= [u("title", null, "common-file-empty", -1), u("g", null, [u("path", { d: "M3.023,24c-1.241,0-2.25-1.009-2.25-2.25V2.25C0.773,1.009,1.782,0,3.023,0h15c0.59,0,1.147,0.227,1.571,0.639l2.955,2.883\n		c0.431,0.422,0.678,1.009,0.678,1.611V21.75c0,1.241-1.009,2.25-2.25,2.25H3.023z M3.023,1.5c-0.414,0-0.75,0.336-0.75,0.75v19.5\n		c0,0.414,0.336,0.75,0.75,0.75h17.954c0.414,0,0.75-0.336,0.75-0.75V5.133c0-0.201-0.082-0.397-0.226-0.537l-2.955-2.883\n		C18.406,1.576,18.22,1.5,18.023,1.5H3.023z" })], -1)]]);
+	return A(), l("svg", rr, [...t[0] ||= [u("title", null, "common-file-empty", -1), u("g", null, [u("path", { d: "M3.023,24c-1.241,0-2.25-1.009-2.25-2.25V2.25C0.773,1.009,1.782,0,3.023,0h15c0.59,0,1.147,0.227,1.571,0.639l2.955,2.883\r\n		c0.431,0.422,0.678,1.009,0.678,1.611V21.75c0,1.241-1.009,2.25-2.25,2.25H3.023z M3.023,1.5c-0.414,0-0.75,0.336-0.75,0.75v19.5\r\n		c0,0.414,0.336,0.75,0.75,0.75h17.954c0.414,0,0.75-0.336,0.75-0.75V5.133c0-0.201-0.082-0.397-0.226-0.537l-2.955-2.883\r\n		C18.406,1.576,18.22,1.5,18.023,1.5H3.023z" })], -1)]]);
 }
 var ar = /*#__PURE__*/ L(nr, [["render", ir]]), or = {}, sr = {
 	class: "icon icon-file-added",
@@ -490,9 +490,9 @@ var xr = /*#__PURE__*/ L(vr, [["render", br]]), Sr = {}, Cr = {
 };
 function wr(e, t) {
 	return A(), l("svg", Cr, [...t[0] ||= [u("title", null, "image-file-landscape", -1), u("g", null, [
-		u("path", { d: "M3.023,24c-1.241,0-2.25-1.009-2.25-2.25V2.25C0.773,1.009,1.782,0,3.023,0h15c0.59,0,1.147,0.227,1.571,0.639l2.955,2.883\n		c0.431,0.422,0.678,1.009,0.678,1.611V21.75c0,1.241-1.009,2.25-2.25,2.25H3.023z M3.023,1.5c-0.414,0-0.75,0.336-0.75,0.75v19.5\n		c0,0.414,0.336,0.75,0.75,0.75h17.954c0.414,0,0.75-0.336,0.75-0.75V5.133c0-0.201-0.082-0.397-0.226-0.537l-2.955-2.883\n		C18.406,1.576,18.22,1.5,18.023,1.5H3.023z" }),
-		u("path", { d: "M8.273,10.5c-1.654,0-3-1.346-3-3s1.346-3,3-3s3,1.346,3,3S9.927,10.5,8.273,10.5z M8.273,6c-0.827,0-1.5,0.673-1.5,1.5\n		S7.446,9,8.273,9s1.5-0.673,1.5-1.5S9.1,6,8.273,6z" }),
-		u("path", { d: "M18.813,18.95c-0.252,0-0.485-0.125-0.625-0.334l-3.925-5.888c-0.049-0.073-0.131-0.117-0.219-0.117\n		c-0.051,0-0.101,0.015-0.144,0.043c-0.027,0.018-0.05,0.041-0.069,0.068l-2.692,3.846c-0.118,0.169-0.303,0.283-0.508,0.312\n		c-0.037,0.005-0.072,0.008-0.106,0.008c-0.171,0-0.338-0.059-0.47-0.165l-1.668-1.338c-0.047-0.037-0.102-0.057-0.161-0.057\n		c-0.01,0-0.02,0.001-0.03,0.002c-0.071,0.008-0.131,0.041-0.175,0.096l-2.125,3.19c-0.139,0.209-0.373,0.334-0.625,0.334\n		c-0.148,0-0.292-0.043-0.415-0.125c-0.344-0.229-0.438-0.696-0.209-1.04l2.111-3.171c0.028-0.042,0.059-0.085,0.093-0.127\n		c0.293-0.366,0.713-0.597,1.18-0.648c0.066-0.007,0.132-0.011,0.198-0.011c0.401,0,0.78,0.134,1.096,0.387l1.044,0.837l2.232-3.189\n		c0.126-0.181,0.284-0.335,0.468-0.458c0.289-0.193,0.625-0.294,0.973-0.294c0.593,0,1.142,0.294,1.469,0.786l3.925,5.887\n		c0.111,0.167,0.151,0.367,0.112,0.563c-0.04,0.197-0.153,0.366-0.32,0.477C19.105,18.906,18.961,18.95,18.813,18.95L18.813,18.95z" })
+		u("path", { d: "M3.023,24c-1.241,0-2.25-1.009-2.25-2.25V2.25C0.773,1.009,1.782,0,3.023,0h15c0.59,0,1.147,0.227,1.571,0.639l2.955,2.883\r\n		c0.431,0.422,0.678,1.009,0.678,1.611V21.75c0,1.241-1.009,2.25-2.25,2.25H3.023z M3.023,1.5c-0.414,0-0.75,0.336-0.75,0.75v19.5\r\n		c0,0.414,0.336,0.75,0.75,0.75h17.954c0.414,0,0.75-0.336,0.75-0.75V5.133c0-0.201-0.082-0.397-0.226-0.537l-2.955-2.883\r\n		C18.406,1.576,18.22,1.5,18.023,1.5H3.023z" }),
+		u("path", { d: "M8.273,10.5c-1.654,0-3-1.346-3-3s1.346-3,3-3s3,1.346,3,3S9.927,10.5,8.273,10.5z M8.273,6c-0.827,0-1.5,0.673-1.5,1.5\r\n		S7.446,9,8.273,9s1.5-0.673,1.5-1.5S9.1,6,8.273,6z" }),
+		u("path", { d: "M18.813,18.95c-0.252,0-0.485-0.125-0.625-0.334l-3.925-5.888c-0.049-0.073-0.131-0.117-0.219-0.117\r\n		c-0.051,0-0.101,0.015-0.144,0.043c-0.027,0.018-0.05,0.041-0.069,0.068l-2.692,3.846c-0.118,0.169-0.303,0.283-0.508,0.312\r\n		c-0.037,0.005-0.072,0.008-0.106,0.008c-0.171,0-0.338-0.059-0.47-0.165l-1.668-1.338c-0.047-0.037-0.102-0.057-0.161-0.057\r\n		c-0.01,0-0.02,0.001-0.03,0.002c-0.071,0.008-0.131,0.041-0.175,0.096l-2.125,3.19c-0.139,0.209-0.373,0.334-0.625,0.334\r\n		c-0.148,0-0.292-0.043-0.415-0.125c-0.344-0.229-0.438-0.696-0.209-1.04l2.111-3.171c0.028-0.042,0.059-0.085,0.093-0.127\r\n		c0.293-0.366,0.713-0.597,1.18-0.648c0.066-0.007,0.132-0.011,0.198-0.011c0.401,0,0.78,0.134,1.096,0.387l1.044,0.837l2.232-3.189\r\n		c0.126-0.181,0.284-0.335,0.468-0.458c0.289-0.193,0.625-0.294,0.973-0.294c0.593,0,1.142,0.294,1.469,0.786l3.925,5.887\r\n		c0.111,0.167,0.151,0.367,0.112,0.563c-0.04,0.197-0.153,0.366-0.32,0.477C19.105,18.906,18.961,18.95,18.813,18.95L18.813,18.95z" })
 	], -1)]]);
 }
 var Tr = /*#__PURE__*/ L(Sr, [["render", wr]]), Er = {}, Dr = {
@@ -508,7 +508,7 @@ var Tr = /*#__PURE__*/ L(Sr, [["render", wr]]), Er = {}, Dr = {
 	class: "icon icon-image-file-warning"
 };
 function Or(e, t) {
-	return A(), l("svg", Dr, [...t[0] ||= [f("<title>image-file-warning</title><g><circle cx=\"17.249\" cy=\"20.625\" r=\"1.125\"></circle><path d=\"M17.249,18.75c-0.414,0-0.75-0.336-0.75-0.75v-3c0-0.414,0.336-0.75,0.75-0.75s0.75,0.336,0.75,0.75v3\n		C17.999,18.414,17.663,18.75,17.249,18.75z\"></path><path d=\"M13.023,24c-1.391,0-2.524-1.132-2.525-2.523c0-0.39,0.092-0.781,0.267-1.131l4.226-8.451\n		c0.43-0.861,1.297-1.396,2.262-1.396c0.393,0,0.771,0.089,1.124,0.266c0.486,0.243,0.887,0.644,1.13,1.13l4.226,8.451\n		c0.623,1.244,0.117,2.764-1.127,3.386C22.256,23.908,21.865,24,21.475,24H13.023z M17.252,12c-0.392,0-0.744,0.217-0.918,0.567\n		l-4.226,8.451c-0.071,0.142-0.109,0.3-0.109,0.459c0,0.565,0.46,1.024,1.024,1.024h8.452c0.158,0,0.317-0.038,0.46-0.109\n		c0.504-0.252,0.709-0.869,0.457-1.374l-4.226-8.451c-0.099-0.197-0.261-0.36-0.458-0.459C17.564,12.036,17.41,12,17.252,12z\"></path><path d=\"M2.249,21c-1.241,0-2.25-1.009-2.25-2.25V2.25c0-1.241,1.009-2.25,2.25-2.25h10.629c0.601,0,1.165,0.234,1.59,0.658\n		l2.872,2.872c0.425,0.425,0.659,0.99,0.659,1.59V8.25c0,0.414-0.336,0.75-0.75,0.75s-0.75-0.336-0.75-0.75V5.121\n		c0-0.197-0.08-0.39-0.219-0.53l-2.872-2.872c-0.142-0.141-0.33-0.219-0.53-0.219H2.249c-0.414,0-0.75,0.336-0.75,0.75v16.5\n		c0,0.414,0.336,0.75,0.75,0.75h5.25c0.414,0,0.75,0.336,0.75,0.75S7.913,21,7.499,21H2.249z\"></path><circle cx=\"5.249\" cy=\"6\" r=\"1.125\"></circle><path d=\"M3.749,15c-0.26,0-0.498-0.132-0.636-0.352c-0.138-0.221-0.153-0.492-0.038-0.726l1.937-3.981\n		c0.015-0.03,0.031-0.058,0.049-0.085c0.025-0.038,0.051-0.073,0.078-0.107C5.426,9.39,5.853,9.186,6.311,9.186\n		c0.339,0,0.672,0.117,0.937,0.329l0.608,0.487l1.541-2.197C9.505,7.651,9.639,7.52,9.796,7.416c0.246-0.163,0.532-0.25,0.828-0.25\n		c0.504,0,0.972,0.25,1.25,0.669l1.618,2.588c0.219,0.351,0.112,0.814-0.239,1.033c-0.12,0.075-0.257,0.114-0.397,0.114\n		c-0.26,0-0.498-0.132-0.636-0.352l-1.606-2.57l-1.988,2.87c-0.118,0.169-0.304,0.283-0.508,0.312\n		c-0.036,0.005-0.071,0.007-0.106,0.007c-0.17,0-0.337-0.059-0.469-0.165L6.316,10.69L4.948,13.5h4.801\n		c0.414,0,0.75,0.336,0.75,0.75S10.163,15,9.749,15H3.749z\"></path></g>", 2)]]);
+	return A(), l("svg", Dr, [...t[0] ||= [f("<title>image-file-warning</title><g><circle cx=\"17.249\" cy=\"20.625\" r=\"1.125\"></circle><path d=\"M17.249,18.75c-0.414,0-0.75-0.336-0.75-0.75v-3c0-0.414,0.336-0.75,0.75-0.75s0.75,0.336,0.75,0.75v3\r\n		C17.999,18.414,17.663,18.75,17.249,18.75z\"></path><path d=\"M13.023,24c-1.391,0-2.524-1.132-2.525-2.523c0-0.39,0.092-0.781,0.267-1.131l4.226-8.451\r\n		c0.43-0.861,1.297-1.396,2.262-1.396c0.393,0,0.771,0.089,1.124,0.266c0.486,0.243,0.887,0.644,1.13,1.13l4.226,8.451\r\n		c0.623,1.244,0.117,2.764-1.127,3.386C22.256,23.908,21.865,24,21.475,24H13.023z M17.252,12c-0.392,0-0.744,0.217-0.918,0.567\r\n		l-4.226,8.451c-0.071,0.142-0.109,0.3-0.109,0.459c0,0.565,0.46,1.024,1.024,1.024h8.452c0.158,0,0.317-0.038,0.46-0.109\r\n		c0.504-0.252,0.709-0.869,0.457-1.374l-4.226-8.451c-0.099-0.197-0.261-0.36-0.458-0.459C17.564,12.036,17.41,12,17.252,12z\"></path><path d=\"M2.249,21c-1.241,0-2.25-1.009-2.25-2.25V2.25c0-1.241,1.009-2.25,2.25-2.25h10.629c0.601,0,1.165,0.234,1.59,0.658\r\n		l2.872,2.872c0.425,0.425,0.659,0.99,0.659,1.59V8.25c0,0.414-0.336,0.75-0.75,0.75s-0.75-0.336-0.75-0.75V5.121\r\n		c0-0.197-0.08-0.39-0.219-0.53l-2.872-2.872c-0.142-0.141-0.33-0.219-0.53-0.219H2.249c-0.414,0-0.75,0.336-0.75,0.75v16.5\r\n		c0,0.414,0.336,0.75,0.75,0.75h5.25c0.414,0,0.75,0.336,0.75,0.75S7.913,21,7.499,21H2.249z\"></path><circle cx=\"5.249\" cy=\"6\" r=\"1.125\"></circle><path d=\"M3.749,15c-0.26,0-0.498-0.132-0.636-0.352c-0.138-0.221-0.153-0.492-0.038-0.726l1.937-3.981\r\n		c0.015-0.03,0.031-0.058,0.049-0.085c0.025-0.038,0.051-0.073,0.078-0.107C5.426,9.39,5.853,9.186,6.311,9.186\r\n		c0.339,0,0.672,0.117,0.937,0.329l0.608,0.487l1.541-2.197C9.505,7.651,9.639,7.52,9.796,7.416c0.246-0.163,0.532-0.25,0.828-0.25\r\n		c0.504,0,0.972,0.25,1.25,0.669l1.618,2.588c0.219,0.351,0.112,0.814-0.239,1.033c-0.12,0.075-0.257,0.114-0.397,0.114\r\n		c-0.26,0-0.498-0.132-0.636-0.352l-1.606-2.57l-1.988,2.87c-0.118,0.169-0.304,0.283-0.508,0.312\r\n		c-0.036,0.005-0.071,0.007-0.106,0.007c-0.17,0-0.337-0.059-0.469-0.165L6.316,10.69L4.948,13.5h4.801\r\n		c0.414,0,0.75,0.336,0.75,0.75S10.163,15,9.749,15H3.749z\"></path></g>", 2)]]);
 }
 var kr = /*#__PURE__*/ L(Er, [["render", Or]]), Ar = {}, jr = {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -602,7 +602,7 @@ var ri = /*#__PURE__*/ L(ei, [["render", ni]]), ii = {}, ai = {
 	"xml:space": "preserve"
 };
 function oi(e, t) {
-	return A(), l("svg", ai, [...t[0] ||= [f("<g><path class=\"st0\" d=\"M182.51,146.67l34.45-34.45l-0.02-0.01c4.39-4.3,7.13-10.28,7.13-16.91c0-13.07-10.6-23.67-23.67-23.67\n		c-7.19,0-13.61,3.22-17.95,8.27c-4.34-5.06-10.77-8.27-17.95-8.27c-13.07,0-23.67,10.6-23.67,23.67c0,6.36,2.51,12.13,6.58,16.38\n		L182.51,146.67z\"></path><g><path class=\"st1\" d=\"M182.52,146.67C182.52,146.66,182.53,146.66,182.52,146.67l-0.07-0.08\n			C182.48,146.61,182.5,146.64,182.52,146.67z\"></path><linearGradient id=\"SVGID_1_\" gradientUnits=\"userSpaceOnUse\" x1=\"0.1062\" y1=\"200.7396\" x2=\"182.5212\" y2=\"200.7396\"><stop offset=\"0\" style=\"stop-color:#9AD0BC;\"></stop><stop offset=\"3.045450e-03\" style=\"stop-color:#9AD0BC;\"></stop><stop offset=\"0.9441\" style=\"stop-color:#61BBA1;\"></stop><stop offset=\"1\" style=\"stop-color:#61BBA1;\"></stop></linearGradient><path class=\"st2\" d=\"M182.52,146.67c-0.02-0.03-0.04-0.05-0.07-0.08l-28.65-28.57c-28.32,22.4-64.09,35.82-103,35.82\n			c-17.69,0-34.71-2.79-50.7-7.9c2.22,76.33,64.76,137.54,141.63,137.54c3.2,0,6.36-0.14,9.51-0.35\n			c-2.36-11.16-3.63-22.73-3.63-34.59C147.61,210.13,160.66,174.81,182.52,146.67z\"></path><path class=\"st3\" d=\"M152.09,116.3l-4.64-4.63c-4.08-4.25-6.58-10.02-6.58-16.38c0-13.07,10.6-23.67,23.67-23.67\n			c2.26,0,4.42,0.35,6.49,0.94c-12.8-21.48-20.92-46.08-22.88-72.4c-2.12-0.09-4.25-0.16-6.4-0.16C83.01,0,32.63,35.71,11.12,86.6\n			c12.72-3.12,26-4.8,39.68-4.8C88.95,81.79,124.04,94.7,152.09,116.3z\"></path><path class=\"st4\" d=\"M153.81,118.01l-1.72-1.71C124.04,94.7,88.95,81.79,50.81,81.79c-13.68,0-26.96,1.69-39.68,4.8\n			C3.96,103.55,0,122.18,0,141.73c0,1.41,0.07,2.8,0.11,4.2c15.99,5.12,33.02,7.9,50.7,7.9\n			C89.72,153.83,125.49,140.42,153.81,118.01z\"></path><path class=\"st5\" d=\"M200.44,71.63c13.07,0,23.67,10.6,23.67,23.67c0,6.63-2.73,12.62-7.13,16.91l0.02,0.01l-5.09,5.09\n			c17.75-13.81,38.33-24.15,60.78-29.87c-11.79-28.41-32.56-52.14-58.77-67.68c-3.73,19-10.7,36.83-20.31,52.91\n			C195.76,72.01,198.05,71.63,200.44,71.63z\"></path><path class=\"st6\" d=\"M182.48,79.9c2.9-3.38,6.74-5.91,11.11-7.23c9.61-16.08,16.58-33.91,20.31-52.91\n			C194.48,8.24,172.09,1.23,148.13,0.16c1.97,26.33,10.08,50.92,22.88,72.4C175.53,73.86,179.51,76.43,182.48,79.9z\"></path><path class=\"st7\" d=\"M182.54,146.67L182.54,146.67c-0.01-0.01-0.01,0-0.02,0c21.62,28.06,34.51,63.19,34.51,101.35\n			c0,4.78-0.25,9.5-0.64,14.18c37.8-23.48,63.72-64.24,66.74-111.25c-26.87-5.02-51.45-16.5-72.1-32.78L182.54,146.67z\"></path><path class=\"st8\" d=\"M182.52,146.67c-21.86,28.14-34.91,63.46-34.91,101.86c0,11.86,1.27,23.43,3.63,34.59\n			c23.8-1.58,46-9.02,65.15-20.91c0.4-4.68,0.64-9.4,0.64-14.18C217.04,209.86,204.14,174.73,182.52,146.67z\"></path><path class=\"st9\" d=\"M272.67,87.44c-22.45,5.72-43.03,16.06-60.78,29.87l-0.86,0.86c20.64,16.28,45.23,27.76,72.1,32.78\n			c0.2-3.05,0.33-6.12,0.33-9.22C283.46,122.5,279.61,104.17,272.67,87.44z\"></path></g></g>", 1)]]);
+	return A(), l("svg", ai, [...t[0] ||= [f("<g><path class=\"st0\" d=\"M182.51,146.67l34.45-34.45l-0.02-0.01c4.39-4.3,7.13-10.28,7.13-16.91c0-13.07-10.6-23.67-23.67-23.67\r\n		c-7.19,0-13.61,3.22-17.95,8.27c-4.34-5.06-10.77-8.27-17.95-8.27c-13.07,0-23.67,10.6-23.67,23.67c0,6.36,2.51,12.13,6.58,16.38\r\n		L182.51,146.67z\"></path><g><path class=\"st1\" d=\"M182.52,146.67C182.52,146.66,182.53,146.66,182.52,146.67l-0.07-0.08\r\n			C182.48,146.61,182.5,146.64,182.52,146.67z\"></path><linearGradient id=\"SVGID_1_\" gradientUnits=\"userSpaceOnUse\" x1=\"0.1062\" y1=\"200.7396\" x2=\"182.5212\" y2=\"200.7396\"><stop offset=\"0\" style=\"stop-color:#9AD0BC;\"></stop><stop offset=\"3.045450e-03\" style=\"stop-color:#9AD0BC;\"></stop><stop offset=\"0.9441\" style=\"stop-color:#61BBA1;\"></stop><stop offset=\"1\" style=\"stop-color:#61BBA1;\"></stop></linearGradient><path class=\"st2\" d=\"M182.52,146.67c-0.02-0.03-0.04-0.05-0.07-0.08l-28.65-28.57c-28.32,22.4-64.09,35.82-103,35.82\r\n			c-17.69,0-34.71-2.79-50.7-7.9c2.22,76.33,64.76,137.54,141.63,137.54c3.2,0,6.36-0.14,9.51-0.35\r\n			c-2.36-11.16-3.63-22.73-3.63-34.59C147.61,210.13,160.66,174.81,182.52,146.67z\"></path><path class=\"st3\" d=\"M152.09,116.3l-4.64-4.63c-4.08-4.25-6.58-10.02-6.58-16.38c0-13.07,10.6-23.67,23.67-23.67\r\n			c2.26,0,4.42,0.35,6.49,0.94c-12.8-21.48-20.92-46.08-22.88-72.4c-2.12-0.09-4.25-0.16-6.4-0.16C83.01,0,32.63,35.71,11.12,86.6\r\n			c12.72-3.12,26-4.8,39.68-4.8C88.95,81.79,124.04,94.7,152.09,116.3z\"></path><path class=\"st4\" d=\"M153.81,118.01l-1.72-1.71C124.04,94.7,88.95,81.79,50.81,81.79c-13.68,0-26.96,1.69-39.68,4.8\r\n			C3.96,103.55,0,122.18,0,141.73c0,1.41,0.07,2.8,0.11,4.2c15.99,5.12,33.02,7.9,50.7,7.9\r\n			C89.72,153.83,125.49,140.42,153.81,118.01z\"></path><path class=\"st5\" d=\"M200.44,71.63c13.07,0,23.67,10.6,23.67,23.67c0,6.63-2.73,12.62-7.13,16.91l0.02,0.01l-5.09,5.09\r\n			c17.75-13.81,38.33-24.15,60.78-29.87c-11.79-28.41-32.56-52.14-58.77-67.68c-3.73,19-10.7,36.83-20.31,52.91\r\n			C195.76,72.01,198.05,71.63,200.44,71.63z\"></path><path class=\"st6\" d=\"M182.48,79.9c2.9-3.38,6.74-5.91,11.11-7.23c9.61-16.08,16.58-33.91,20.31-52.91\r\n			C194.48,8.24,172.09,1.23,148.13,0.16c1.97,26.33,10.08,50.92,22.88,72.4C175.53,73.86,179.51,76.43,182.48,79.9z\"></path><path class=\"st7\" d=\"M182.54,146.67L182.54,146.67c-0.01-0.01-0.01,0-0.02,0c21.62,28.06,34.51,63.19,34.51,101.35\r\n			c0,4.78-0.25,9.5-0.64,14.18c37.8-23.48,63.72-64.24,66.74-111.25c-26.87-5.02-51.45-16.5-72.1-32.78L182.54,146.67z\"></path><path class=\"st8\" d=\"M182.52,146.67c-21.86,28.14-34.91,63.46-34.91,101.86c0,11.86,1.27,23.43,3.63,34.59\r\n			c23.8-1.58,46-9.02,65.15-20.91c0.4-4.68,0.64-9.4,0.64-14.18C217.04,209.86,204.14,174.73,182.52,146.67z\"></path><path class=\"st9\" d=\"M272.67,87.44c-22.45,5.72-43.03,16.06-60.78,29.87l-0.86,0.86c20.64,16.28,45.23,27.76,72.1,32.78\r\n			c0.2-3.05,0.33-6.12,0.33-9.22C283.46,122.5,279.61,104.17,272.67,87.44z\"></path></g></g>", 1)]]);
 }
 var si = /*#__PURE__*/ L(ii, [["render", oi]]), ci = {}, li = {
 	class: "icon icon-luscii-open luscii-open",
@@ -30744,7 +30744,7 @@ var WJ = /* @__PURE__ */ hJ(AJ, [["render", UJ]]), GJ = (e) => typeof e == "numb
 			_: 1
 		})]));
 	}
-}, [["__scopeId", "data-v-bbef8bea"]]), yY = {
+}, [["__scopeId", "data-v-8a5728a9"]]), yY = {
 	name: "TimesCircleIcon",
 	extends: Im
 };
@@ -32143,19 +32143,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(0), F = j(0), pe = j(null), me = j(!1), he = j(""), ge = j(""), _e = j(null), ve = j(null), ye = null, be = null, xe = null, Se = a(() => {
-			switch (fe.value) {
-				case 0: return Me.value.hasNoAvailableCamera;
-				case 1: return Me.value.hasOneAvailableCamera;
-				default: return Me.value.hasMultipleAvailableCameras;
+		}), 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 = a(() => {
+		}), Ee = a(() => {
 			let e = navigator.userAgent;
 			return /Mobi/.test(e) && !D.value;
-		}), we = a(() => {
+		}), De = 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);
-		}), Te = a(() => !ae.value?.video && ze.value), Ee = a(() => !ae.value?.audio && ze.value), De = a(() => oe.value === i.Declined ? "incoming--declined" : "incoming--loading");
+		}), Oe = a(() => !ae.value?.video && He.value), ke = a(() => !ae.value?.audio && He.value), Ae = a(() => oe.value === i.Declined ? "incoming--declined" : "incoming--loading");
 		a(() => {
 			switch (ne.value) {
 				case 0: return "weak";
@@ -32171,244 +32171,254 @@ var mX = ["src", "alt"], hX = {
 				default: return null;
 			}
 		});
-		let Oe = a(() => E.value.videoCallTemplate || E.value), ke = a(() => Oe.value.actions || Oe.value), Ae = a(() => Oe.value.help || Oe.value), je = a(() => Oe.value.permissions || Oe.value), Me = a(() => Oe.value.cameraAvailability || Oe.value), Ne = a(() => D.value ? ke.value.stopSharingScreen : ke.value.shareScreen), Pe = a(() => Ae.value.placeholderSettingsHelpTitle), L = a(() => Ae.value.placeholderSettingsHelpMessage), Fe = a(() => oe.value === i.Declined), Ie = a(() => oe.value === i.HangedUp), Le = a(() => oe.value === i.Connected), Re = a(() => !Le.value), ze = a(() => oe.value === i.DevicePermissionDenied), Be = a(() => Oe.value.statusTextMessage || Oe.value), Ve = a(() => Oe.value.statusDetailMessage || Oe.value), He = a(() => b.participantRole);
-		function Ue(e) {
+		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) {
 			if (typeof e != "string") return e;
-			let t = e.replaceAll("{participantRole}", He.value);
+			let t = e.replaceAll("{participantRole}", Ge.value);
 			return t && t.charAt(0).toLocaleUpperCase() + t.slice(1);
 		}
-		let We = a(() => {
+		let qe = a(() => {
 			switch (oe.value) {
-				case i.Initializing: return Ue(Be.value.initializing);
-				case i.Dialing: return Ue(Be.value.dialing);
-				case i.Ringing: return Ue(Be.value.ringing);
-				case i.Answered: return Ue(Be.value.answered);
-				case i.Connected: return Ue(Be.value.connected);
-				case i.Declined: return Ue(Be.value.videoCallDeclined);
-				case i.HangedUp: return Ue(Be.value.videoCallHangedUp);
-				case i.DevicePermissionDenied: return Ue(Be.value.devicePermissionDenied);
-			}
-		}), Ge = a(() => he.value || We.value), Ke = a(() => ge.value), qe = a(() => ee.value ? ".incoming__screenshare" : ".incoming__video");
+				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");
 		te(() => {
-			At(), Ye(), ve.value = window.setInterval(at, 5e3);
+			Pt(), Qe(), xe.value = window.setInterval(ct, 5e3);
 		}), re(() => {
-			pe.value && window.clearInterval(pe.value), ve.value && window.clearInterval(ve.value), Je(), Ot();
+			ge.value && window.clearInterval(ge.value), xe.value && window.clearInterval(xe.value), bt(), Ze(), Mt();
 		});
-		function Je() {
-			ye &&= (window.clearTimeout(ye), null), be &&= (window.clearTimeout(be), null), xe &&= (window.clearTimeout(xe), null);
-		}
-		function Ye() {
-			Je(), oe.value === i.Initializing ? ye = window.setTimeout(() => {
-				oe.value === i.Initializing && (he.value = Ue(Be.value.callNotDelivered), ge.value = Ue(Ve.value.callNotDeliveredDetail));
-			}, 3e4) : oe.value === i.Dialing ? be = window.setTimeout(() => {
-				oe.value === i.Dialing && (he.value = "", ge.value = Ue(Ve.value.notAnsweredDetail));
-			}, 1e4) : oe.value === i.Connected && (xe = window.setTimeout(() => {
-				oe.value === i.Connected && (ge.value = Ue(Ve.value.noVideoHint));
+		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));
 			}, 5e3));
 		}
-		function Xe(e) {
+		function $e(e) {
 			[
 				i.Declined,
 				i.HangedUp,
 				i.DevicePermissionDenied
-			].includes(oe.value) || (oe.value = e, he.value = "", ge.value = "", Ye());
+			].includes(oe.value) || (oe.value = e, ve.value = "", ye.value = "", Qe());
 		}
-		function Ze() {
-			Xe(i.Declined);
+		function et() {
+			$e(i.Declined);
 		}
-		function Qe() {
-			Xe(i.Answered);
+		function tt() {
+			$e(i.Answered);
 		}
-		function $e() {
-			oe.value !== i.Connected && Xe(i.Dialing);
+		function nt() {
+			oe.value !== i.Connected && $e(i.Dialing);
 		}
-		function et() {
-			oe.value !== i.DevicePermissionDenied && !b.isCallee && lt();
+		function rt() {
+			oe.value !== i.DevicePermissionDenied && !b.isCallee && ft();
 		}
-		async function tt() {
-			Xe(i.HangedUp), ae.value.video && Et();
+		async function it() {
+			$e(i.HangedUp), ae.value.video && At();
 		}
-		function nt(e) {
-			Xe(i.HangedUp), ge.value = gt(e);
+		function at(e) {
+			$e(i.HangedUp), ye.value = yt(e);
 		}
-		function rt() {
-			he.value = Ue(Be.value.signalHold), ge.value = Ue(Ve.value.signalHoldDetail);
+		function ot() {
+			ve.value = Ke(Ue.value.signalHold), ye.value = Ke(We.value.signalHoldDetail);
 		}
-		function it() {
-			_e.value = /* @__PURE__ */ new Date();
+		function st() {
+			be.value = /* @__PURE__ */ new Date();
 		}
-		function at() {
-			if (!_e.value || oe.value === i.HangedUp) return;
-			let e = /* @__PURE__ */ new Date(), t = new Date(_e.value), n = Math.abs(e.getTime() - t.getTime()), r = Math.ceil(n / 1e3);
-			r >= 40 ? (he.value = Be.value.connectionIssues, ge.value = Ve.value.connectionIssuesStrong, ne.value = 0) : r > 20 && (he.value = Be.value.connectionIssues, ge.value = Ve.value.connectionIssuesMedium, ne.value = 1);
+		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);
 		}
-		async function ot(e) {
-			await kt(), N.client = w(new f());
+		async function lt(e) {
+			await Nt(), 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), pe.value = window.setInterval(Et, 5e3), !ae.value.audio || !ae.value.video) {
-				Xe(i.DevicePermissionDenied);
+			}), (await N.deviceManager.getCameras()).length || (ae.value.video = !1), ge.value = window.setInterval(At, 5e3), !ae.value.audio || !ae.value.video) {
+				$e(i.DevicePermissionDenied);
 				return;
 			}
-			N.agent.on("incomingCall", st), b.isCallee ? x("ready") : x("start-call");
+			N.agent.on("incomingCall", ut), b.isCallee ? x("ready") : x("start-call");
 		}
-		async function st(e) {
-			if (!me.value) try {
-				me.value = !0, N.incomingCall = e.incomingCall, await ut();
+		async function ut(e) {
+			if (!_e.value) try {
+				_e.value = !0, N.incomingCall = e.incomingCall, await pt();
 			} catch (e) {
 				console.log("error occured during starting call", e);
 			} finally {
-				me.value = !1;
+				_e.value = !1;
 			}
 		}
-		async function ct() {
-			let e = await dt();
+		async function dt() {
+			let e = await mt();
 			return e ? { localVideoStreams: [e] } : void 0;
 		}
-		async function lt() {
+		async function ft() {
 			try {
-				Xe(i.Dialing);
-				let e = { videoOptions: await ct() }, t = [{ communicationUserId: b.participant.videoCallIdentityId }];
-				N.call = N.agent.startCall(t, e), pt(), ft();
+				$e(i.Dialing);
+				let e = { videoOptions: await dt() }, t = [{ communicationUserId: b.participant.videoCallIdentityId }];
+				N.call = N.agent.startCall(t, e), gt(), ht();
 			} catch (e) {
 				console.error(e);
 			}
 		}
-		async function ut() {
-			let e = await ct();
+		async function pt() {
+			let e = await dt();
 			try {
 				N.call = await N.incomingCall.accept({ videoOptions: e });
 			} catch (e) {
 				console.error("Error occurred during accepting call", e);
 			}
-			pt(), ft();
+			gt(), ht();
 		}
-		async function dt() {
+		async function mt() {
 			let e = (await N.deviceManager.getCameras())[0];
 			if (e) return new g(e);
 			console.error("No camera device found on the system");
 		}
-		function ft() {
-			N.call.on("stateChanged", ht), N.call.on("localVideoStreamsUpdated", (e) => {
-				e.added.forEach(vt), e.removed.forEach(_t);
-			}), N.call.remoteParticipants.forEach(bt), N.call.on("remoteParticipantsUpdated", (e) => {
-				e.added.forEach(bt);
+		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);
 			}), N.call.on("isScreenSharingOnChanged", () => {
 				D.value = N.call.isScreenSharingOn;
 			});
 		}
-		function pt() {
-			M.value = N.call.feature(_.UserFacingDiagnostics), M.value.media.on("diagnosticChanged", mt), M.value.network.on("diagnosticChanged", mt);
+		function gt() {
+			M.value = N.call.feature(_.UserFacingDiagnostics), M.value.media.on("diagnosticChanged", _t), M.value.network.on("diagnosticChanged", _t);
 		}
-		function mt(e) {
+		function _t(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 ht() {
+		function vt() {
 			switch (N.call.state) {
 				case "EarlyMedia":
-					Xe(i.Dialing);
+					$e(i.Dialing);
 					break;
 				case "Ringing":
-					Xe(i.Ringing);
+					$e(i.Ringing);
 					break;
 				case "Connected":
-					Xe(i.Connected);
+					$e(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), tt();
+					console.log("Call end reason:", e), console.log("Code:", e?.code), console.log("SubCode:", e?.subCode), it();
 					break;
 			}
 		}
-		function gt(e) {
+		function yt(e) {
 			let t = String(e);
-			return Ue(Oe.value.endReasons?.[t] || "");
+			return Ke(je.value.endReasons?.[t] || "");
 		}
-		async function _t(e) {
-			if (!e || e.mediaStreamType !== "ScreenSharing" || !de.value) return;
-			de.value.dispose();
-			let t = document.querySelector(".outgoing__screenshare");
-			t.style.display = "none";
-			let n = document.querySelector(".outgoing__video");
-			n.style.display = "flex";
+		function bt() {
+			console.log("Disposing local screen share renderer"), F.value?.dispose(), F.value = null, de.value?.dispose(), de.value = null;
 		}
-		async function vt(e) {
-			if (!e || e.mediaStreamType !== "ScreenSharing") return;
-			de.value = await new h(e).createView();
+		async function xt(e) {
+			if (console.log("Removing local screen share stream", e), !e || e.mediaStreamType !== "ScreenSharing") return;
+			bt();
 			let t = document.querySelector(".outgoing__screenshare");
-			t.replaceChildren(de.value.target), t.style.display = "flex";
+			t.replaceChildren(), t.style.display = "none";
 			let n = document.querySelector(".outgoing__video");
-			n.style.display = "none";
-			let r = t.querySelector("video");
-			r.style.objectFit = "contain";
+			n.style.display = "flex", console.log("local screen share removed");
 		}
-		async function yt(e) {
-			if (e && e.source && ce.value && ce.value.source && ce.value.source.id == e.source.id) return !0;
+		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 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;
 			try {
 				le.value = new h(e);
 				let t = await le.value.createView(), n = document.querySelector(".outgoing__video");
-				n.querySelector("video") && (n.innerHTML = ""), n.hidden = !1, n.replaceChildren(t.target);
+				n.replaceChildren(t.target), n.style.display = "flex";
 			} catch {
 				return !1;
 			}
-			return ce.value = e, !0;
+			return ce.value = e, console.log("local video displayed"), !0;
 		}
-		async function bt(e) {
-			e.videoStreams.forEach(xt), e.on("videoStreamsUpdated", (e) => {
-				e.added.forEach(xt);
+		async function wt(e) {
+			e.videoStreams.forEach(Tt), e.on("videoStreamsUpdated", (e) => {
+				e.added.forEach(Tt);
 			});
 		}
-		async function xt(e) {
-			if (e.mediaStreamType === "Video" && (await St(e), e.on("isAvailableChanged", async () => await St(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", wt), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
+		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) {
 				ue.value = new h(e);
 				let t = await ue.value.createView(), n = document.querySelector(".incoming__screenshare");
-				Ct(!0), ee.value = !0, Dt(".incoming__screenshare"), n.replaceChildren(t.target);
+				Dt(!0), ee.value = !0, jt(".incoming__screenshare"), n.replaceChildren(t.target);
 			}
 		}
-		async function St(e) {
+		async function Et(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), Dt(".incoming__video"), Ct(!1);
+			n.hidden = !1, n.replaceChildren(t.target), jt(".incoming__video"), Dt(!1);
 		}
-		function Ct(e) {
+		function Dt(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 wt() {
-			ee.value = !1, Ct(!1);
+		function Ot() {
+			ee.value = !1, Dt(!1);
 		}
-		async function Tt() {
-			Et(!0);
+		async function kt() {
+			At(!0);
 		}
-		async function Et(e = !1) {
+		async function At(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");
-			fe.value = n.length;
-			for (let t = 0; t < fe.value; t++) {
-				(e || t != 0) && (F.value = (F.value + 1) % fe.value);
-				let r = n[F.value];
-				if (await yt(new g(r))) break;
+			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;
 			}
 		}
-		function Dt(e) {
+		function jt(e) {
 			let t = document.querySelector(e);
 			if (!t) return;
 			let n = t.querySelector("video");
 			n && (n.style.objectFit = "contain", n.disablePictureInPicture = !1);
 		}
-		async function Ot() {
+		async function Mt() {
 			N.call && N.call.state !== "Disconnected" && (await N.call.hangUp({ forEveryone: !0 }), await N.agent.dispose()), x("end-call", C.value);
 		}
-		async function kt() {
+		async function Nt() {
 			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 At() {
+		async function Pt() {
 			d ||= import("./browser-aFX0ImH2.js");
 			let { AzureLogger: e, setLogLevel: t } = await d;
 			e.log = (...e) => console.log(...e), t("info"), e.log = (...e) => {
@@ -32416,26 +32426,39 @@ var mX = ["src", "alt"], hX = {
 				C.value = C.value.splice(1 - cZ).concat(t);
 			};
 		}
-		function jt() {
-			document.querySelector(qe.value).querySelector("video").requestFullscreen();
+		function Ft() {
+			document.querySelector(Xe.value).querySelector("video").requestFullscreen();
 		}
-		function Mt() {
-			let e = document.querySelector(qe.value).querySelector("video");
+		function It() {
+			let e = document.querySelector(Xe.value).querySelector("video");
 			document.pictureInPictureElement ? e.exitPictureInPicture() : document.pictureInPictureEnabled && e.requestPictureInPicture();
 		}
-		async function Nt() {
-			N.call && N.call.isScreenSharingOn ? await N.call.stopScreenSharing() : await N.call.startScreenSharing();
+		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;
+				}
+			}
 		}
 		return n({
-			CallDeclined: Ze,
-			CallAnswered: Qe,
-			CallForDataReceived: $e,
-			CallClosedWithStatusCode: nt,
-			CallHeartbeatReceived: it,
-			CallSignalHoldDetected: rt,
-			CallStartVideoCall: et,
-			CallHangUp: tt,
-			InitializeAcsConnection: ot
+			CallDeclined: et,
+			CallAnswered: tt,
+			CallForDataReceived: nt,
+			CallClosedWithStatusCode: at,
+			CallHeartbeatReceived: st,
+			CallSignalHoldDetected: ot,
+			CallStartVideoCall: rt,
+			CallHangUp: it,
+			InitializeAcsConnection: lt
 		}), (e, n) => {
 			let r = se("BDLoader");
 			return A(), l("div", BX, [m(Xq, null, {
@@ -32448,23 +32471,23 @@ var mX = ["src", "alt"], hX = {
 				}), m(Zq, null, {
 					default: I(() => [m(Yq, {
 						sm: "12",
-						lg: Fe.value ? "12" : "8"
+						lg: Re.value ? "12" : "8"
 					}, {
-						default: I(() => [u("div", { class: O(["incoming", De.value]) }, [Re.value ? (A(), l("div", VX, [
+						default: I(() => [u("div", { class: O(["incoming", Ae.value]) }, [Ve.value ? (A(), l("div", VX, [
 							m(r, {
 								size: "lg",
-								message: We.value,
-								stopAnimation: Fe.value || Ie.value || ze.value
+								message: qe.value,
+								stopAnimation: Re.value || ze.value || He.value
 							}, null, 8, ["message", "stopAnimation"]),
-							Ee.value ? (A(), l("div", HX, [u("div", UX, [m(Ri, { class: "icon-xl icon-state-error" })]), u("span", null, P(je.value.permissionDeniedForAudio), 1)])) : c("", !0),
-							Te.value ? (A(), l("div", WX, [u("div", GX, [m(oo, { class: "icon-xl icon-state-error" })]), u("span", null, P(je.value.permissionDeniedForVideo), 1)])) : c("", !0),
-							Fe.value || Ie.value || ze.value ? (A(), s(R, {
+							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, {
 								key: 2,
 								variant: "primary",
 								class: "text-center",
-								onClick: Ot
+								onClick: Mt
 							}, {
-								default: I(() => [p(P(ke.value.closeWindow), 1)]),
+								default: I(() => [p(P(Me.value.closeWindow), 1)]),
 								_: 1
 							})) : c("", !0)
 						])) : (A(), l("div", KX, [
@@ -32473,68 +32496,69 @@ var mX = ["src", "alt"], hX = {
 							u("div", qX, [m(R, {
 								variant: "primary",
 								class: "text-center",
-								onClick: jt
+								onClick: Ft
 							}, {
-								default: I(() => [m(xa), u("span", null, P(ke.value.fullScreen), 1)]),
+								default: I(() => [m(xa), u("span", null, P(Me.value.fullScreen), 1)]),
 								_: 1
 							}), !T && !k.value ? (A(), s(R, {
 								key: 0,
 								variant: "primary",
 								class: "text-center",
-								onClick: Mt
+								onClick: It
 							}, {
-								default: I(() => [m(xa), u("span", null, P(ke.value.miniPlayer), 1)]),
+								default: I(() => [m(xa), u("span", null, P(Me.value.miniPlayer), 1)]),
 								_: 1
 							})) : c("", !0)])
 						]))], 2)]),
 						_: 1
-					}, 8, ["lg"]), Fe.value ? c("", !0) : (A(), s(Yq, {
+					}, 8, ["lg"]), Re.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, [
-								ze.value ? c("", !0) : (A(), l("div", ZX)),
+								He.value ? c("", !0) : (A(), l("div", ZX)),
 								n[2] ||= u("div", { class: "outgoing__screenshare" }, null, -1),
-								we.value && !ze.value && !k.value && !Re.value ? (A(), s(R, {
+								De.value && !He.value && !k.value && !Ve.value ? (A(), s(R, {
 									key: 1,
 									variant: D.value ? "danger" : "primary",
 									class: "text-center",
-									onClick: Nt
+									onClick: Lt,
+									disabled: pe.value
 								}, {
-									default: I(() => [m(xa), u("span", null, P(Ne.value), 1)]),
+									default: I(() => [m(xa), u("span", null, P(Fe.value), 1)]),
 									_: 1
-								}, 8, ["variant"])) : c("", !0),
-								Ce.value ? (A(), l(t, { key: 2 }, [m(R, {
+								}, 8, ["variant", "disabled"])) : c("", !0),
+								Ee.value ? (A(), l(t, { key: 2 }, [m(R, {
 									class: "text-center",
-									onClick: Tt
+									onClick: kt
 								}, {
-									default: I(() => [p(P(ke.value.switchCamera), 1)]),
+									default: I(() => [p(P(Me.value.switchCamera), 1)]),
 									_: 1
-								}), u("p", QX, P(Se.value), 1)], 64)) : c("", !0),
-								Te.value ? (A(), l("div", $X, [u("div", eZ, [m(oo, { class: "icon-xxl icon-state-error" })]), u("span", null, P(je.value.permissionDeniedForVideo), 1)])) : c("", !0)
+								}), 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)
 							])]),
-							!Ie.value && !ze.value ? (A(), s(R, {
+							!ze.value && !He.value ? (A(), s(R, {
 								key: 0,
 								variant: "danger",
 								class: "end-call-button text-center w-100",
-								onClick: Ot
+								onClick: Mt
 							}, {
-								default: I(() => [m(zn), u("span", null, P(ke.value.endCall), 1)]),
+								default: I(() => [m(zn), u("span", null, P(Me.value.endCall), 1)]),
 								_: 1
 							})) : c("", !0),
-							u("div", tZ, [u("div", nZ, [u("p", rZ, P(Ge.value), 1), Ke.value ? (A(), l("small", iZ, P(Ke.value), 1)) : c("", !0)]), u("div", aZ, [
-								u("p", null, [u("b", null, P(Pe.value), 1)]),
-								u("p", null, P(L.value), 1),
+							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("p", null, [
 									u("a", {
 										href: b.videoTestUrl,
 										target: "_blank",
 										rel: "noopener noreferrer"
-									}, P(ke.value.testCall), 9, oZ),
+									}, P(Me.value.testCall), 9, oZ),
 									n[3] ||= p(" • ", -1),
-									u("a", sZ, P(ke.value.serviceDesk), 1)
+									u("a", sZ, P(Me.value.serviceDesk), 1)
 								])
 							])])
 						])])]),