@webitel/ui-sdk 25.12.42 → 25.12.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{install-Bfl8ofha.js → install-DfHG0Llr.js} +482 -466
- package/dist/{plyr-Df5cOiTy.js → plyr-BS8-d-eT.js} +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +45 -35
- package/dist/{vidstack-Bq6c3Bam-DVCWftqH.js → vidstack-Bq6c3Bam-BO_BTLwZ.js} +2 -2
- package/dist/{vidstack-D2pY00kU-DTpKOJ6o.js → vidstack-D2pY00kU-BE7FU4sp.js} +2 -2
- package/dist/{vidstack-DDXt6fpN-aIclxRPV.js → vidstack-DDXt6fpN-Cb2lMDgf.js} +1 -1
- package/dist/{vidstack-D_-9AA6_-D1N8-Xl9.js → vidstack-D_-9AA6_-1bv8SJKd.js} +1 -1
- package/dist/{vidstack-DqAw8m9J-CW-yfsyI.js → vidstack-DqAw8m9J-BrQBxAHC.js} +1 -1
- package/dist/{vidstack-audio-cY3mT_Ph.js → vidstack-audio-DPk7GUck.js} +2 -2
- package/dist/{vidstack-dash-DoiwnJj9.js → vidstack-dash-emGB1n89.js} +3 -3
- package/dist/{vidstack-google-cast-BTmWbvmy.js → vidstack-google-cast-BupaCVYS.js} +3 -3
- package/dist/{vidstack-hls-BXZ0v6qf.js → vidstack-hls-B_WnEtar.js} +3 -3
- package/dist/{vidstack-video-DEuCzb_1.js → vidstack-video-CAJYG_jF.js} +2 -2
- package/dist/{vidstack-vimeo-DVKRt2s2.js → vidstack-vimeo-DSPsQsz0.js} +3 -3
- package/dist/{vidstack-youtube-nXbTkV-N.js → vidstack-youtube-AaNMxv8t.js} +2 -2
- package/dist/{vuex.esm-bundler-CIjQVM6w.js → vuex.esm-bundler-DQieAhW4.js} +1 -1
- package/package.json +2 -2
- package/src/components/wt-galleria/wt-galleria.vue +3 -3
- package/src/components/wt-icon/wt-icon.vue +3 -0
- package/src/components/wt-vidstack-player/components/panels/video-call-controls-panel/video-call-controls-panel.vue +1 -1
- package/src/components/wt-vidstack-player/wt-vidstack-player.vue +15 -9
- package/src/composables/useGalleriaMaskClick/useGalleriaMaskClick.ts +5 -9
- package/src/modules/CallSession/modules/VideoCall/video-call.vue +1 -2
- package/types/components/wt-icon/wt-icon.vue.d.ts +5 -1
- package/types/components/wt-vidstack-player/wt-vidstack-player.vue.d.ts +0 -2
|
@@ -5,8 +5,8 @@ var ot = (n) => {
|
|
|
5
5
|
var Xt = (n, t, s) => t in n ? Qt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
|
|
6
6
|
var N = (n, t, s) => Xt(n, typeof t != "symbol" ? t + "" : t, s), X = (n, t, s) => t.has(n) || ot("Cannot " + s);
|
|
7
7
|
var i = (n, t, s) => (X(n, t, "read from private field"), s ? s.call(n) : t.get(n)), d = (n, t, s) => t.has(n) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), c = (n, t, s, r) => (X(n, t, "write to private field"), r ? r.call(n, s) : t.set(n, s), s), a = (n, t, s) => (X(n, t, "access private method"), s);
|
|
8
|
-
import { A as Yt, z as ut, B as j, C as Zt, b as ti, E as nt, e as lt, F as _, G as ii, H as ei, f as si, J as ai, l as rt, K as dt, D as ni, L as Y, M as Z } from "./install-
|
|
9
|
-
import { R as ri } from "./vidstack-DqAw8m9J-
|
|
8
|
+
import { A as Yt, z as ut, B as j, C as Zt, b as ti, E as nt, e as lt, F as _, G as ii, H as ei, f as si, J as ai, l as rt, K as dt, D as ni, L as Y, M as Z } from "./install-DfHG0Llr.js";
|
|
9
|
+
import { R as ri } from "./vidstack-DqAw8m9J-BrQBxAHC.js";
|
|
10
10
|
let q = null, K = [], z = [];
|
|
11
11
|
function ht() {
|
|
12
12
|
return q ?? (q = new AudioContext());
|
|
@@ -5,7 +5,7 @@ var w = (t) => {
|
|
|
5
5
|
var P = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
|
|
6
6
|
var u = (t, e, a) => P(t, typeof e != "symbol" ? e + "" : e, a), C = (t, e, a) => e.has(t) || w("Cannot " + a);
|
|
7
7
|
var c = (t, e, a) => (C(t, e, "read from private field"), a ? a.call(t) : e.get(t)), m = (t, e, a) => e.has(t) ? w("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), y = (t, e, a, o) => (C(t, e, "write to private field"), o ? o.call(t, a) : e.set(t, a), a), s = (t, e, a) => (C(t, e, "access private method"), a);
|
|
8
|
-
import { l as b, k as A, V as O, G as D, f as R, o as G } from "./install-
|
|
8
|
+
import { l as b, k as A, V as O, G as D, f as R, o as G } from "./install-DfHG0Llr.js";
|
|
9
9
|
function M() {
|
|
10
10
|
return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
|
|
11
11
|
}
|
|
@@ -94,7 +94,7 @@ class F {
|
|
|
94
94
|
async load(e) {
|
|
95
95
|
if (!c(this, n))
|
|
96
96
|
throw Error("[vidstack] google cast player was not initialized");
|
|
97
|
-
return new (await import("./vidstack-google-cast-
|
|
97
|
+
return new (await import("./vidstack-google-cast-BupaCVYS.js")).GoogleCastProvider(c(this, n), e);
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
n = new WeakMap(), r = new WeakSet(), S = async function(e) {
|
|
@@ -5,7 +5,7 @@ var g = (s) => {
|
|
|
5
5
|
var M = (s, t, i) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
|
|
6
6
|
var c = (s, t, i) => M(s, typeof t != "symbol" ? t + "" : t, i), h = (s, t, i) => t.has(s) || g("Cannot " + i);
|
|
7
7
|
var e = (s, t, i) => (h(s, t, "read from private field"), i ? i.call(s) : t.get(s)), l = (s, t, i) => t.has(s) ? g("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, i), p = (s, t, i, a) => (h(s, t, "write to private field"), a ? a.call(s, i) : t.set(s, i), i), u = (s, t, i) => (h(s, t, "access private method"), i);
|
|
8
|
-
import { M as w, l as f, e as A, f as P, U as O, b as S } from "./install-
|
|
8
|
+
import { M as w, l as f, e as A, f as P, U as O, b as S } from "./install-DfHG0Llr.js";
|
|
9
9
|
var r, o, b, m;
|
|
10
10
|
class J {
|
|
11
11
|
constructor(t) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as d, a as i, I as l, e as m } from "./install-
|
|
1
|
+
import { c as d, a as i, I as l, e as m } from "./install-DfHG0Llr.js";
|
|
2
2
|
const p = /* @__PURE__ */ i(
|
|
3
3
|
'<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"></svg>'
|
|
4
4
|
);
|
|
@@ -3,7 +3,7 @@ var l = (i) => {
|
|
|
3
3
|
};
|
|
4
4
|
var m = (i, t, s) => t.has(i) || l("Cannot " + s);
|
|
5
5
|
var r = (i, t, s) => (m(i, t, "read from private field"), s ? s.call(i) : t.get(i)), e = (i, t, s) => t.has(i) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), h = (i, t, s, f) => (m(i, t, "write to private field"), f ? f.call(i, s) : t.set(i, s), s), c = (i, t, s) => (m(i, t, "access private method"), s);
|
|
6
|
-
import { m as p, v as u } from "./install-
|
|
6
|
+
import { m as p, v as u } from "./install-DfHG0Llr.js";
|
|
7
7
|
var o, a, n, d;
|
|
8
8
|
class F {
|
|
9
9
|
constructor(t) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var a = Object.defineProperty;
|
|
2
2
|
var o = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
|
|
3
3
|
var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
|
|
4
|
-
import { s as p } from "./install-
|
|
5
|
-
import { H as d, a as u } from "./vidstack-Bq6c3Bam-
|
|
4
|
+
import { s as p } from "./install-DfHG0Llr.js";
|
|
5
|
+
import { H as d, a as u } from "./vidstack-Bq6c3Bam-BO_BTLwZ.js";
|
|
6
6
|
class n extends d {
|
|
7
7
|
constructor(t, s) {
|
|
8
8
|
super(t, s);
|
|
@@ -5,9 +5,9 @@ var Y = (n) => {
|
|
|
5
5
|
var wt = (n, t, e) => t in n ? vt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
|
|
6
6
|
var I = (n, t, e) => wt(n, typeof t != "symbol" ? t + "" : t, e), b = (n, t, e) => t.has(n) || Y("Cannot " + e);
|
|
7
7
|
var i = (n, t, e) => (b(n, t, "read from private field"), e ? e.call(n) : t.get(n)), f = (n, t, e) => t.has(n) ? Y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), p = (n, t, e, r) => (b(n, t, "write to private field"), r ? r.call(n, e) : t.set(n, e), e), h = (n, t, e) => (b(n, t, "access private method"), e);
|
|
8
|
-
import { r as Et, b as _, d as Lt, f as At, Q as z, l as J, e as Dt, D as N, h as xt, j as O, T as Mt, L as q, t as Ct, u as Nt, v as Rt, k as Ft, m as Z, n as Pt, o as qt, q as _t } from "./install-
|
|
9
|
-
import { VideoProvider as $t } from "./vidstack-video-
|
|
10
|
-
import { R as jt } from "./vidstack-DqAw8m9J-
|
|
8
|
+
import { r as Et, b as _, d as Lt, f as At, Q as z, l as J, e as Dt, D as N, h as xt, j as O, T as Mt, L as q, t as Ct, u as Nt, v as Rt, k as Ft, m as Z, n as Pt, o as qt, q as _t } from "./install-DfHG0Llr.js";
|
|
9
|
+
import { VideoProvider as $t } from "./vidstack-video-CAJYG_jF.js";
|
|
10
|
+
import { R as jt } from "./vidstack-DqAw8m9J-BrQBxAHC.js";
|
|
11
11
|
function W(n) {
|
|
12
12
|
try {
|
|
13
13
|
return new Intl.DisplayNames(navigator.languages, { type: "language" }).of(n) ?? null;
|
|
@@ -5,9 +5,9 @@ var Q = (d) => {
|
|
|
5
5
|
var vt = (d, t, s) => t in d ? Lt(d, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[t] = s;
|
|
6
6
|
var G = (d, t, s) => vt(d, typeof t != "symbol" ? t + "" : t, s), O = (d, t, s) => t.has(d) || Q("Cannot " + s);
|
|
7
7
|
var e = (d, t, s) => (O(d, t, "read from private field"), s ? s.call(d) : t.get(d)), T = (d, t, s) => t.has(d) ? Q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, s), l = (d, t, s, i) => (O(d, t, "write to private field"), i ? i.call(d, s) : t.set(d, s), s), r = (d, t, s) => (O(d, t, "access private method"), s);
|
|
8
|
-
import { A as St, N as L, W as Z, z as At, D as tt, f as V, l as et, e as It, X as bt, L as Rt } from "./install-
|
|
9
|
-
import { R as wt } from "./vidstack-DqAw8m9J-
|
|
10
|
-
import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-
|
|
8
|
+
import { A as St, N as L, W as Z, z as At, D as tt, f as V, l as et, e as It, X as bt, L as Rt } from "./install-DfHG0Llr.js";
|
|
9
|
+
import { R as wt } from "./vidstack-DqAw8m9J-BrQBxAHC.js";
|
|
10
|
+
import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-BE7FU4sp.js";
|
|
11
11
|
var g, _, at;
|
|
12
12
|
class _t {
|
|
13
13
|
constructor(t) {
|
|
@@ -5,9 +5,9 @@ var q = (n) => {
|
|
|
5
5
|
var ot = (n, t, i) => t in n ? rt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
|
|
6
6
|
var _ = (n, t, i) => ot(n, typeof t != "symbol" ? t + "" : t, i), R = (n, t, i) => t.has(n) || q("Cannot " + i);
|
|
7
7
|
var e = (n, t, i) => (R(n, t, "read from private field"), i ? i.call(n) : t.get(n)), f = (n, t, i) => t.has(n) ? q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, i), p = (n, t, i, s) => (R(n, t, "write to private field"), s ? s.call(n, i) : t.set(n, i), i), a = (n, t, i) => (R(n, t, "access private method"), i);
|
|
8
|
-
import { i as ht, b as C, d as at, f as O, Q as N, l as V, e as dt, D as x, h as ut, T as ct, j, L as $, k as lt, m as k, n as ft, o as pt, q as vt } from "./install-
|
|
9
|
-
import { VideoProvider as yt } from "./vidstack-video-
|
|
10
|
-
import { R as gt } from "./vidstack-DqAw8m9J-
|
|
8
|
+
import { i as ht, b as C, d as at, f as O, Q as N, l as V, e as dt, D as x, h as ut, T as ct, j, L as $, k as lt, m as k, n as ft, o as pt, q as vt } from "./install-DfHG0Llr.js";
|
|
9
|
+
import { VideoProvider as yt } from "./vidstack-video-CAJYG_jF.js";
|
|
10
|
+
import { R as gt } from "./vidstack-DqAw8m9J-BrQBxAHC.js";
|
|
11
11
|
const Lt = (n) => ut(n);
|
|
12
12
|
var T, h, o, D, b, r, E, M, U, F, Q, K, W, B, J, X, Y, z, G, Z, tt;
|
|
13
13
|
class St {
|
|
@@ -5,8 +5,8 @@ var b = (i) => {
|
|
|
5
5
|
var N = (i, t, e) => t in i ? $(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
|
|
6
6
|
var y = (i, t, e) => N(i, typeof t != "symbol" ? t + "" : t, e), E = (i, t, e) => t.has(i) || b("Cannot " + e);
|
|
7
7
|
var s = (i, t, e) => (E(i, t, "read from private field"), e ? e.call(i) : t.get(i)), r = (i, t, e) => t.has(i) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), c = (i, t, e, n) => (E(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), p = (i, t, e) => (E(i, t, "access private method"), e);
|
|
8
|
-
import { s as U, w as V, x as A, y as j, z as C, l as q, D as z, E as F, T as Y, j as v } from "./install-
|
|
9
|
-
import { H as _, a as B } from "./vidstack-Bq6c3Bam-
|
|
8
|
+
import { s as U, w as V, x as A, y as j, z as C, l as q, D as z, E as F, T as Y, j as v } from "./install-DfHG0Llr.js";
|
|
9
|
+
import { H as _, a as B } from "./vidstack-Bq6c3Bam-BO_BTLwZ.js";
|
|
10
10
|
var P, f, k, D, H;
|
|
11
11
|
class G {
|
|
12
12
|
constructor(t, e) {
|
|
@@ -5,9 +5,9 @@ var N = (r) => {
|
|
|
5
5
|
var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
|
|
6
6
|
var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), S = (r, c, e) => c.has(r) || N("Cannot " + e);
|
|
7
7
|
var t = (r, c, e) => (S(r, c, "read from private field"), e ? e.call(r) : c.get(r)), f = (r, c, e) => c.has(r) ? N("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(r) : c.set(r, e), u = (r, c, e, i) => (S(r, c, "write to private field"), i ? i.call(r, e) : c.set(r, e), e), o = (r, c, e) => (S(r, c, "access private method"), e);
|
|
8
|
-
import { A as fe, M as U, N as C, d as pe, e as q, f as Q, b as ye, O as _, L as R, l as be, P as ke, T as ve, Q as W } from "./install-
|
|
9
|
-
import { R as me } from "./vidstack-DqAw8m9J-
|
|
10
|
-
import { E as we } from "./vidstack-DDXt6fpN-
|
|
8
|
+
import { A as fe, M as U, N as C, d as pe, e as q, f as Q, b as ye, O as _, L as R, l as be, P as ke, T as ve, Q as W } from "./install-DfHG0Llr.js";
|
|
9
|
+
import { R as me } from "./vidstack-DqAw8m9J-BrQBxAHC.js";
|
|
10
|
+
import { E as we } from "./vidstack-DDXt6fpN-Cb2lMDgf.js";
|
|
11
11
|
import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
|
|
12
12
|
const Ce = [
|
|
13
13
|
"bufferend",
|
|
@@ -5,8 +5,8 @@ var B = (r) => {
|
|
|
5
5
|
var q = (r, n, e) => n in r ? A(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
|
|
6
6
|
var T = (r, n, e) => q(r, typeof n != "symbol" ? n + "" : n, e), M = (r, n, e) => n.has(r) || B("Cannot " + e);
|
|
7
7
|
var s = (r, n, e) => (M(r, n, "read from private field"), e ? e.call(r) : n.get(r)), p = (r, n, e) => n.has(r) ? B("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, e), l = (r, n, e, t) => (M(r, n, "write to private field"), t ? t.call(r, e) : n.set(r, e), e), o = (r, n, e) => (M(r, n, "access private method"), e);
|
|
8
|
-
import { A as z, M as G, d as H, e as J, b as K, O as Q, N as C, R as W, v as $, S as X } from "./install-
|
|
9
|
-
import { E as Z } from "./vidstack-DDXt6fpN-
|
|
8
|
+
import { A as z, M as G, d as H, e as J, b as K, O as Q, N as C, R as W, v as $, S as X } from "./install-DfHG0Llr.js";
|
|
9
|
+
import { E as Z } from "./vidstack-DDXt6fpN-Cb2lMDgf.js";
|
|
10
10
|
import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
|
|
11
11
|
const b = {
|
|
12
12
|
Ended: 0,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webitel/ui-sdk",
|
|
3
|
-
"version": "25.12.
|
|
3
|
+
"version": "25.12.44",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"@vuelidate/validators": "^2.0.4",
|
|
56
56
|
"@vuepic/vue-datepicker": "^4.5.1",
|
|
57
57
|
"@vueuse/components": "^13.0.0",
|
|
58
|
-
"@webitel/api-services": "^0.0.
|
|
58
|
+
"@webitel/api-services": "^0.0.90",
|
|
59
59
|
"@webitel/styleguide": "^24.12.89",
|
|
60
60
|
"autosize": "^6.0.1",
|
|
61
61
|
"axios": "^1.8.3",
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
v-show="!isImageOnLoad"
|
|
32
32
|
class="wt-galleria__image"
|
|
33
33
|
:class="{ 'wt-galleria__image--fullscreen': fullScreen }"
|
|
34
|
-
:src="item
|
|
35
|
-
:alt="item
|
|
34
|
+
:src="item?.src"
|
|
35
|
+
:alt="item?.title"
|
|
36
36
|
@load="onImageLoad"
|
|
37
37
|
/>
|
|
38
38
|
</div>
|
|
39
39
|
</template>
|
|
40
40
|
<template #thumbnail="{item}: {item: WtGalleriaItem}">
|
|
41
|
-
<img :src="item
|
|
41
|
+
<img :src="item?.thumbnailSrc" :alt="item?.title" class="wt-galleria__thumbnail" />
|
|
42
42
|
</template>
|
|
43
43
|
<template #closeicon>
|
|
44
44
|
<wt-icon
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
`wt-icon--color-${color}`,
|
|
7
7
|
{ 'wt-icon--disabled': disabled },
|
|
8
8
|
]"
|
|
9
|
+
@click="emit('click')"
|
|
9
10
|
>
|
|
10
11
|
<use :href="iconName" />
|
|
11
12
|
</svg>
|
|
@@ -39,6 +40,8 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
39
40
|
disabled: false,
|
|
40
41
|
});
|
|
41
42
|
|
|
43
|
+
const emit = defineEmits(['click']);
|
|
44
|
+
|
|
42
45
|
const iconName = computed(() => {
|
|
43
46
|
let name = '#';
|
|
44
47
|
if (props.iconPrefix) name += `${props.iconPrefix}-`;
|
|
@@ -162,7 +162,7 @@ const isScreenshotLoading = ref(false);
|
|
|
162
162
|
|
|
163
163
|
const onScreenshotClick = () => {
|
|
164
164
|
isScreenshotLoading.value = true;
|
|
165
|
-
emit(VideoCallAction.Screenshot,
|
|
165
|
+
emit(VideoCallAction.Screenshot, {}, {
|
|
166
166
|
onComplete: () => {
|
|
167
167
|
isScreenshotLoading.value = false;
|
|
168
168
|
},
|
|
@@ -63,7 +63,6 @@ interface Props {
|
|
|
63
63
|
title?: string;
|
|
64
64
|
username?: string;
|
|
65
65
|
closable?: boolean;
|
|
66
|
-
resizable?: boolean;
|
|
67
66
|
static?: boolean;
|
|
68
67
|
stream?: MediaStream
|
|
69
68
|
size?: ComponentSize
|
|
@@ -80,7 +79,6 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
80
79
|
username: '',
|
|
81
80
|
closable: false,
|
|
82
81
|
static: false,
|
|
83
|
-
resizable: true,
|
|
84
82
|
});
|
|
85
83
|
|
|
86
84
|
const emit = defineEmits<{
|
|
@@ -167,15 +165,23 @@ const normalizedSrc = computed(() => {
|
|
|
167
165
|
&--md {
|
|
168
166
|
border-radius: var(--p-player-wrapper-md-border-radius);
|
|
169
167
|
overflow: hidden;
|
|
170
|
-
max-width: var(--p-player-wrapper-md-width);
|
|
171
|
-
max-height: var(--p-player-wrapper-md-height);
|
|
168
|
+
//max-width: var(--p-player-wrapper-md-width);
|
|
169
|
+
//max-height: var(--p-player-wrapper-md-height);
|
|
172
170
|
flex: 0 0 auto;
|
|
171
|
+
max-width: 100%;
|
|
172
|
+
max-height: 100%;
|
|
173
|
+
|
|
174
|
+
.wt-vidstack-player__player {
|
|
175
|
+
width: 100%;
|
|
176
|
+
height: 100%;
|
|
177
|
+
max-width: var(--p-player-wrapper-md-width);
|
|
178
|
+
max-height: var(--p-player-wrapper-md-height);
|
|
179
|
+
box-shadow: var(--elevation-10);
|
|
180
|
+
}
|
|
173
181
|
|
|
174
182
|
&:not(.wt-vidstack-player--static) {
|
|
175
183
|
@include popup-wrapper;
|
|
176
184
|
border-radius: 0;
|
|
177
|
-
max-width: 100%;
|
|
178
|
-
max-height: 100%;
|
|
179
185
|
overflow: visible;
|
|
180
186
|
|
|
181
187
|
/** @author liza-pohranichna
|
|
@@ -186,13 +192,11 @@ const normalizedSrc = computed(() => {
|
|
|
186
192
|
|
|
187
193
|
position: relative;
|
|
188
194
|
display: block;
|
|
189
|
-
max-width: var(--p-player-wrapper-md-width);
|
|
190
|
-
max-height: var(--p-player-wrapper-md-height);
|
|
191
195
|
padding: 0;
|
|
192
196
|
margin: 0;
|
|
197
|
+
max-height: var(--p-player-wrapper-md-height);
|
|
193
198
|
border-radius: var(--p-player-wrapper-md-border-radius);
|
|
194
199
|
overflow: hidden;
|
|
195
|
-
box-shadow: var(--elevation-10);
|
|
196
200
|
}
|
|
197
201
|
}
|
|
198
202
|
|
|
@@ -204,6 +208,7 @@ const normalizedSrc = computed(() => {
|
|
|
204
208
|
&--lg {
|
|
205
209
|
border-radius: var(--p-player-wrapper-lg-border-radius);
|
|
206
210
|
overflow: hidden;
|
|
211
|
+
z-index: 100;
|
|
207
212
|
|
|
208
213
|
.wt-vidstack-player {
|
|
209
214
|
&__player {
|
|
@@ -226,6 +231,7 @@ const normalizedSrc = computed(() => {
|
|
|
226
231
|
position: relative;
|
|
227
232
|
right: unset;
|
|
228
233
|
bottom: unset;
|
|
234
|
+
z-index: 1;
|
|
229
235
|
|
|
230
236
|
.wt-vidstack-player__provider {
|
|
231
237
|
padding: 0;
|
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
// primevue's galleria doesn't support hiding on mask click so there is a custom solution
|
|
2
2
|
export const useGalleriaMaskClick = (visible) => {
|
|
3
|
-
const onMaskClick = () => {
|
|
4
|
-
|
|
3
|
+
const onMaskClick = ({target}) => {
|
|
4
|
+
if (target.classList.contains('p-galleria-mask')) {
|
|
5
|
+
visible.value = false
|
|
6
|
+
}
|
|
5
7
|
}
|
|
6
|
-
|
|
7
|
-
const onGalleriaClick = (e) => {
|
|
8
|
-
e.stopPropagation();
|
|
9
|
-
}
|
|
10
|
-
|
|
8
|
+
|
|
11
9
|
const listenMaskElementClick = () => {
|
|
12
10
|
document.querySelector('.p-galleria-mask')?.addEventListener('click', onMaskClick);
|
|
13
|
-
document.querySelector('.p-galleria')?.addEventListener('click', onGalleriaClick); // for stop triggering mask click
|
|
14
11
|
}
|
|
15
12
|
|
|
16
13
|
const removeMaskElementClick = () => {
|
|
17
14
|
document.querySelector('.p-galleria-mask')?.removeEventListener('click', onMaskClick);
|
|
18
|
-
document.querySelector('.p-galleria')?.removeEventListener('click', onGalleriaClick);
|
|
19
15
|
}
|
|
20
16
|
|
|
21
17
|
return {
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
:size="props.size"
|
|
6
6
|
:class="[!props.static && `video-call-position--${props.position}`]"
|
|
7
7
|
:username="props.username"
|
|
8
|
-
:resizable="props.resizable"
|
|
9
8
|
:hide-header="props.hideHeader"
|
|
10
9
|
class="video-call"
|
|
11
10
|
hide-background
|
|
@@ -43,7 +42,6 @@
|
|
|
43
42
|
<template v-else-if="props['receiver:stream']">
|
|
44
43
|
<wt-vidstack-player
|
|
45
44
|
:stream="props['receiver:stream']"
|
|
46
|
-
:resizable="false"
|
|
47
45
|
:class="`video-call-receiver--${innerSize}`"
|
|
48
46
|
hide-header
|
|
49
47
|
hide-controls-panel
|
|
@@ -197,6 +195,7 @@ const senderVideoMutedIconSizes = {
|
|
|
197
195
|
|
|
198
196
|
&--center {
|
|
199
197
|
&.wt-vidstack-player {
|
|
198
|
+
position: absolute;
|
|
200
199
|
top: 50%;
|
|
201
200
|
left: 50%;
|
|
202
201
|
right: unset;
|
|
@@ -14,7 +14,11 @@ interface Props {
|
|
|
14
14
|
iconPrefix?: string;
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
}
|
|
17
|
-
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
17
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
|
+
click: (...args: any[]) => void;
|
|
19
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
20
|
+
onClick?: (...args: any[]) => any;
|
|
21
|
+
}>, {
|
|
18
22
|
disabled: boolean;
|
|
19
23
|
size: ComponentSize;
|
|
20
24
|
color: IconColor;
|
|
@@ -12,7 +12,6 @@ interface Props {
|
|
|
12
12
|
title?: string;
|
|
13
13
|
username?: string;
|
|
14
14
|
closable?: boolean;
|
|
15
|
-
resizable?: boolean;
|
|
16
15
|
static?: boolean;
|
|
17
16
|
stream?: MediaStream;
|
|
18
17
|
size?: ComponentSize;
|
|
@@ -43,7 +42,6 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
|
|
|
43
42
|
mime: string;
|
|
44
43
|
closable: boolean;
|
|
45
44
|
muted: boolean;
|
|
46
|
-
resizable: boolean;
|
|
47
45
|
static: boolean;
|
|
48
46
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
49
47
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|