@voicenter-team/opensips-js 1.0.119 → 1.0.121

package/dist/opensips-js.es.js

@@ -82422,9 +82422,9 @@ class Wy extends Dw {
     }, this.selectors.document || (this.selectors.document = document);
   }
   createVideoElement() {
-    const e = this.selectors.document.createElement("video");
+    const e = document.createElement("video");
     e.setAttribute("id", this.selectors.videoElement), e.setAttribute("autoplay", ""), e.style.setProperty("visibility", "hidden"), e.style.setProperty("width", "auto"), e.style.setProperty("height", "auto"), this.video = e;
-    const t = this.selectors.document.createElement("div");
+    const t = document.createElement("div");
     t.classList.add(this.selectors.videoElementContainer), t.style.setProperty("display", "none"), t.appendChild(e), this.wrapperEl = t, this.selectors.document.body ? this.selectors.document.body.appendChild(t) : this.selectors.document.appendChild(t);
   }
   getAspectRatioDimensions(e, t) {
@@ -82450,26 +82450,27 @@ class Wy extends Dw {
     n.style.setProperty("position", "relative"), n.style.setProperty("margin", "auto 0");
     const { width: i, height: s } = this.getAspectRatioDimensions(e, t);
     let a = i, o = s;
+    const u = this.selectors.document.getElementById(this.selectors.drawerContainer);
     this.screenShareKonvaDrawer = new Ub({
-      container: this.selectors.drawerContainer,
+      container: u,
       width: a,
       height: o
     });
-    const u = this.screenShareKonvaDrawer.addLayer();
-    this.screenShareKonvaDrawer.initFreeDrawing(u);
-    const c = this.selectors.document.getElementById(this.selectors.drawerContainer), d = c.querySelector("canvas"), p = c.querySelector(".konvajs-content"), m = this.selectors.document.getElementById(this.selectors.compositeCanvas);
-    m.style.setProperty("position", "absolute"), m.style.setProperty("top", "0"), m.style.setProperty("left", "0");
-    const _ = m.getContext("2d"), y = () => {
-      const { width: w, height: x } = this.getAspectRatioDimensions(e, t);
-      a = w, o = x, d.width = w, d.height = x, d.style.width = `${w}px`, d.style.height = `${x}px`, p.style.width = `${w}px`, p.style.height = `${x}px`, n.style.height = `${x}px`, m.width = w, m.height = x;
+    const c = this.screenShareKonvaDrawer.addLayer();
+    this.screenShareKonvaDrawer.initFreeDrawing(c);
+    const d = this.selectors.document.getElementById(this.selectors.drawerContainer), p = d.querySelector("canvas"), m = d.querySelector(".konvajs-content"), _ = this.selectors.document.getElementById(this.selectors.compositeCanvas);
+    _.style.setProperty("position", "absolute"), _.style.setProperty("top", "0"), _.style.setProperty("left", "0");
+    const y = _.getContext("2d"), b = () => {
+      const { width: x, height: E } = this.getAspectRatioDimensions(e, t);
+      a = x, o = E, p.width = x, p.height = E, p.style.width = `${x}px`, p.style.height = `${E}px`, m.style.width = `${x}px`, m.style.height = `${E}px`, n.style.height = `${E}px`, _.width = x, _.height = E;
     };
-    y(), window.addEventListener("resize", () => {
-      y(), this.screenShareKonvaDrawer.addWakeupLine(u);
+    b(), window.addEventListener("resize", () => {
+      b(), this.screenShareKonvaDrawer.addWakeupLine(c);
     });
-    const b = this.video, T = () => {
-      _.drawImage(b, 0, 0, a, o), _.drawImage(d, 0, 0, a, o), requestAnimationFrame(T);
+    const T = this.video, w = () => {
+      y.drawImage(T, 0, 0, a, o), y.drawImage(p, 0, 0, a, o), requestAnimationFrame(w);
     };
-    return T(), m.captureStream(30);
+    return w(), _.captureStream(30);
   }
   /**
   * Stops stream processing