@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.
Files changed (27) hide show
  1. package/dist/{install-Bfl8ofha.js → install-DfHG0Llr.js} +482 -466
  2. package/dist/{plyr-Df5cOiTy.js → plyr-BS8-d-eT.js} +1 -1
  3. package/dist/ui-sdk.css +1 -1
  4. package/dist/ui-sdk.js +1 -1
  5. package/dist/ui-sdk.umd.cjs +45 -35
  6. package/dist/{vidstack-Bq6c3Bam-DVCWftqH.js → vidstack-Bq6c3Bam-BO_BTLwZ.js} +2 -2
  7. package/dist/{vidstack-D2pY00kU-DTpKOJ6o.js → vidstack-D2pY00kU-BE7FU4sp.js} +2 -2
  8. package/dist/{vidstack-DDXt6fpN-aIclxRPV.js → vidstack-DDXt6fpN-Cb2lMDgf.js} +1 -1
  9. package/dist/{vidstack-D_-9AA6_-D1N8-Xl9.js → vidstack-D_-9AA6_-1bv8SJKd.js} +1 -1
  10. package/dist/{vidstack-DqAw8m9J-CW-yfsyI.js → vidstack-DqAw8m9J-BrQBxAHC.js} +1 -1
  11. package/dist/{vidstack-audio-cY3mT_Ph.js → vidstack-audio-DPk7GUck.js} +2 -2
  12. package/dist/{vidstack-dash-DoiwnJj9.js → vidstack-dash-emGB1n89.js} +3 -3
  13. package/dist/{vidstack-google-cast-BTmWbvmy.js → vidstack-google-cast-BupaCVYS.js} +3 -3
  14. package/dist/{vidstack-hls-BXZ0v6qf.js → vidstack-hls-B_WnEtar.js} +3 -3
  15. package/dist/{vidstack-video-DEuCzb_1.js → vidstack-video-CAJYG_jF.js} +2 -2
  16. package/dist/{vidstack-vimeo-DVKRt2s2.js → vidstack-vimeo-DSPsQsz0.js} +3 -3
  17. package/dist/{vidstack-youtube-nXbTkV-N.js → vidstack-youtube-AaNMxv8t.js} +2 -2
  18. package/dist/{vuex.esm-bundler-CIjQVM6w.js → vuex.esm-bundler-DQieAhW4.js} +1 -1
  19. package/package.json +2 -2
  20. package/src/components/wt-galleria/wt-galleria.vue +3 -3
  21. package/src/components/wt-icon/wt-icon.vue +3 -0
  22. package/src/components/wt-vidstack-player/components/panels/video-call-controls-panel/video-call-controls-panel.vue +1 -1
  23. package/src/components/wt-vidstack-player/wt-vidstack-player.vue +15 -9
  24. package/src/composables/useGalleriaMaskClick/useGalleriaMaskClick.ts +5 -9
  25. package/src/modules/CallSession/modules/VideoCall/video-call.vue +1 -2
  26. package/types/components/wt-icon/wt-icon.vue.d.ts +5 -1
  27. 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-Bfl8ofha.js";
9
- import { R as ri } from "./vidstack-DqAw8m9J-CW-yfsyI.js";
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-Bfl8ofha.js";
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-BTmWbvmy.js")).GoogleCastProvider(c(this, n), e);
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-Bfl8ofha.js";
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-Bfl8ofha.js";
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-Bfl8ofha.js";
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-Bfl8ofha.js";
5
- import { H as d, a as u } from "./vidstack-Bq6c3Bam-DVCWftqH.js";
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-Bfl8ofha.js";
9
- import { VideoProvider as $t } from "./vidstack-video-DEuCzb_1.js";
10
- import { R as jt } from "./vidstack-DqAw8m9J-CW-yfsyI.js";
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-Bfl8ofha.js";
9
- import { R as wt } from "./vidstack-DqAw8m9J-CW-yfsyI.js";
10
- import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-DTpKOJ6o.js";
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-Bfl8ofha.js";
9
- import { VideoProvider as yt } from "./vidstack-video-DEuCzb_1.js";
10
- import { R as gt } from "./vidstack-DqAw8m9J-CW-yfsyI.js";
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-Bfl8ofha.js";
9
- import { H as _, a as B } from "./vidstack-Bq6c3Bam-DVCWftqH.js";
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-Bfl8ofha.js";
9
- import { R as me } from "./vidstack-DqAw8m9J-CW-yfsyI.js";
10
- import { E as we } from "./vidstack-DDXt6fpN-aIclxRPV.js";
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-Bfl8ofha.js";
9
- import { E as Z } from "./vidstack-DDXt6fpN-aIclxRPV.js";
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,
@@ -1,4 +1,4 @@
1
- import { p as d } from "./install-Bfl8ofha.js";
1
+ import { p as d } from "./install-DfHG0Llr.js";
2
2
  import { inject as lt, effectScope as dt, reactive as vt, watch as J, computed as pt } from "vue";
3
3
  function ht() {
4
4
  return W().__VUE_DEVTOOLS_GLOBAL_HOOK__;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "25.12.42",
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.89",
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.src"
35
- :alt="item.title"
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.thumbnailSrc" :alt="item.title" class="wt-galleria__thumbnail" />
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, null, {
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
- visible.value = false
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, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
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>;