@webitel/ui-sdk 25.12.43 → 25.12.45
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-tvT8zDE5.js → install-CUgs4Xk9.js} +482 -465
- package/dist/{plyr-0zimYSFX.js → plyr-MznxCSdD.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-Bc0FszIe.js → vidstack-Bq6c3Bam-d3j_euvK.js} +2 -2
- package/dist/{vidstack-D2pY00kU-wDcUmTEI.js → vidstack-D2pY00kU-CXogHdEB.js} +2 -2
- package/dist/{vidstack-DDXt6fpN-BwtmhBpj.js → vidstack-DDXt6fpN-CgvZK-AW.js} +1 -1
- package/dist/{vidstack-D_-9AA6_-CBfwel7Q.js → vidstack-D_-9AA6_-CM88fDLb.js} +1 -1
- package/dist/{vidstack-DqAw8m9J-BK4ngCzx.js → vidstack-DqAw8m9J-XYrShB_1.js} +1 -1
- package/dist/{vidstack-audio-Cq-mSNMI.js → vidstack-audio-DM2PAvhc.js} +2 -2
- package/dist/{vidstack-dash-ilhx9uCU.js → vidstack-dash-BUeqVh4h.js} +3 -3
- package/dist/{vidstack-google-cast-DQXgZ9pD.js → vidstack-google-cast-CQEpU8W8.js} +3 -3
- package/dist/{vidstack-hls-CrdV_anM.js → vidstack-hls-BDthTU3U.js} +3 -3
- package/dist/{vidstack-video-BZIV5nR5.js → vidstack-video-BThek5E6.js} +2 -2
- package/dist/{vidstack-vimeo-C0TUmhZ_.js → vidstack-vimeo-Bd8OaIn7.js} +3 -3
- package/dist/{vidstack-youtube-B9NPUb5Z.js → vidstack-youtube-RocUDWis.js} +2 -2
- package/dist/{vuex.esm-bundler-DmFRqPPK.js → vuex.esm-bundler-CmuPKFG5.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/wt-vidstack-player.vue +7 -4
- package/src/composables/useGalleriaMaskClick/useGalleriaMaskClick.ts +5 -9
- package/src/modules/CallSession/modules/VideoCall/video-call.vue +2 -2
- package/types/components/wt-icon/wt-icon.vue.d.ts +5 -1
- package/types/modules/CallSession/modules/VideoCall/video-call.vue.d.ts +1 -1
|
@@ -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-CUgs4Xk9.js";
|
|
9
|
+
import { R as ri } from "./vidstack-DqAw8m9J-XYrShB_1.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-CUgs4Xk9.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-CQEpU8W8.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-CUgs4Xk9.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-CUgs4Xk9.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-CUgs4Xk9.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-CUgs4Xk9.js";
|
|
5
|
+
import { H as d, a as u } from "./vidstack-Bq6c3Bam-d3j_euvK.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-CUgs4Xk9.js";
|
|
9
|
+
import { VideoProvider as $t } from "./vidstack-video-BThek5E6.js";
|
|
10
|
+
import { R as jt } from "./vidstack-DqAw8m9J-XYrShB_1.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-CUgs4Xk9.js";
|
|
9
|
+
import { R as wt } from "./vidstack-DqAw8m9J-XYrShB_1.js";
|
|
10
|
+
import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-CXogHdEB.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-CUgs4Xk9.js";
|
|
9
|
+
import { VideoProvider as yt } from "./vidstack-video-BThek5E6.js";
|
|
10
|
+
import { R as gt } from "./vidstack-DqAw8m9J-XYrShB_1.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-CUgs4Xk9.js";
|
|
9
|
+
import { H as _, a as B } from "./vidstack-Bq6c3Bam-d3j_euvK.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-CUgs4Xk9.js";
|
|
9
|
+
import { R as me } from "./vidstack-DqAw8m9J-XYrShB_1.js";
|
|
10
|
+
import { E as we } from "./vidstack-DDXt6fpN-CgvZK-AW.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-CUgs4Xk9.js";
|
|
9
|
+
import { E as Z } from "./vidstack-DDXt6fpN-CgvZK-AW.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.45",
|
|
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}-`;
|
|
@@ -137,6 +137,7 @@ const normalizedSrc = computed(() => {
|
|
|
137
137
|
max-width: 100%;
|
|
138
138
|
max-height: 100%;
|
|
139
139
|
transition: var(--transition);
|
|
140
|
+
box-shadow: var(--elevation-10);
|
|
140
141
|
|
|
141
142
|
&__player {
|
|
142
143
|
padding: 0;
|
|
@@ -152,7 +153,6 @@ const normalizedSrc = computed(() => {
|
|
|
152
153
|
z-index: 100;
|
|
153
154
|
border-radius: var(--p-player-wrapper-sm-border-radius);
|
|
154
155
|
overflow: hidden;
|
|
155
|
-
box-shadow: var(--elevation-10);
|
|
156
156
|
height: var(--p-player-wrapper-sm-height);
|
|
157
157
|
|
|
158
158
|
.wt-vidstack-player__provider {
|
|
@@ -165,18 +165,20 @@ const normalizedSrc = computed(() => {
|
|
|
165
165
|
&--md {
|
|
166
166
|
border-radius: var(--p-player-wrapper-md-border-radius);
|
|
167
167
|
overflow: hidden;
|
|
168
|
-
//max-width: var(--p-player-wrapper-md-width);
|
|
169
|
-
//max-height: var(--p-player-wrapper-md-height);
|
|
170
168
|
flex: 0 0 auto;
|
|
171
169
|
max-width: 100%;
|
|
172
170
|
max-height: 100%;
|
|
173
171
|
|
|
172
|
+
&.wt-vidstack-player--static {
|
|
173
|
+
max-width: var(--p-player-wrapper-md-width);
|
|
174
|
+
max-height: var(--p-player-wrapper-md-height);
|
|
175
|
+
}
|
|
176
|
+
|
|
174
177
|
.wt-vidstack-player__player {
|
|
175
178
|
width: 100%;
|
|
176
179
|
height: 100%;
|
|
177
180
|
max-width: var(--p-player-wrapper-md-width);
|
|
178
181
|
max-height: var(--p-player-wrapper-md-height);
|
|
179
|
-
box-shadow: var(--elevation-10);
|
|
180
182
|
}
|
|
181
183
|
|
|
182
184
|
&:not(.wt-vidstack-player--static) {
|
|
@@ -232,6 +234,7 @@ const normalizedSrc = computed(() => {
|
|
|
232
234
|
right: unset;
|
|
233
235
|
bottom: unset;
|
|
234
236
|
z-index: 1;
|
|
237
|
+
flex: 0 0 auto;
|
|
235
238
|
|
|
236
239
|
.wt-vidstack-player__provider {
|
|
237
240
|
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 {
|
|
@@ -127,7 +127,7 @@ const props = withDefaults(defineProps<{
|
|
|
127
127
|
resizable?: boolean;
|
|
128
128
|
|
|
129
129
|
actions: VideoCallAction[];
|
|
130
|
-
username
|
|
130
|
+
username?: string;
|
|
131
131
|
}>(), {
|
|
132
132
|
position: 'right-bottom',
|
|
133
133
|
});
|
|
@@ -212,7 +212,7 @@ const senderVideoMutedIconSizes = {
|
|
|
212
212
|
position: absolute;
|
|
213
213
|
left: 0;
|
|
214
214
|
top: 0;
|
|
215
|
-
z-index:
|
|
215
|
+
z-index: -1;
|
|
216
216
|
background: var(--p-player-wrapper-background);
|
|
217
217
|
}
|
|
218
218
|
|
|
@@ -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;
|