@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.
Files changed (26) hide show
  1. package/dist/{install-tvT8zDE5.js → install-CUgs4Xk9.js} +482 -465
  2. package/dist/{plyr-0zimYSFX.js → plyr-MznxCSdD.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-Bc0FszIe.js → vidstack-Bq6c3Bam-d3j_euvK.js} +2 -2
  7. package/dist/{vidstack-D2pY00kU-wDcUmTEI.js → vidstack-D2pY00kU-CXogHdEB.js} +2 -2
  8. package/dist/{vidstack-DDXt6fpN-BwtmhBpj.js → vidstack-DDXt6fpN-CgvZK-AW.js} +1 -1
  9. package/dist/{vidstack-D_-9AA6_-CBfwel7Q.js → vidstack-D_-9AA6_-CM88fDLb.js} +1 -1
  10. package/dist/{vidstack-DqAw8m9J-BK4ngCzx.js → vidstack-DqAw8m9J-XYrShB_1.js} +1 -1
  11. package/dist/{vidstack-audio-Cq-mSNMI.js → vidstack-audio-DM2PAvhc.js} +2 -2
  12. package/dist/{vidstack-dash-ilhx9uCU.js → vidstack-dash-BUeqVh4h.js} +3 -3
  13. package/dist/{vidstack-google-cast-DQXgZ9pD.js → vidstack-google-cast-CQEpU8W8.js} +3 -3
  14. package/dist/{vidstack-hls-CrdV_anM.js → vidstack-hls-BDthTU3U.js} +3 -3
  15. package/dist/{vidstack-video-BZIV5nR5.js → vidstack-video-BThek5E6.js} +2 -2
  16. package/dist/{vidstack-vimeo-C0TUmhZ_.js → vidstack-vimeo-Bd8OaIn7.js} +3 -3
  17. package/dist/{vidstack-youtube-B9NPUb5Z.js → vidstack-youtube-RocUDWis.js} +2 -2
  18. package/dist/{vuex.esm-bundler-DmFRqPPK.js → vuex.esm-bundler-CmuPKFG5.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/wt-vidstack-player.vue +7 -4
  23. package/src/composables/useGalleriaMaskClick/useGalleriaMaskClick.ts +5 -9
  24. package/src/modules/CallSession/modules/VideoCall/video-call.vue +2 -2
  25. package/types/components/wt-icon/wt-icon.vue.d.ts +5 -1
  26. 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-tvT8zDE5.js";
9
- import { R as ri } from "./vidstack-DqAw8m9J-BK4ngCzx.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-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-tvT8zDE5.js";
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-DQXgZ9pD.js")).GoogleCastProvider(c(this, n), e);
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-tvT8zDE5.js";
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-tvT8zDE5.js";
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-tvT8zDE5.js";
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-tvT8zDE5.js";
5
- import { H as d, a as u } from "./vidstack-Bq6c3Bam-Bc0FszIe.js";
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-tvT8zDE5.js";
9
- import { VideoProvider as $t } from "./vidstack-video-BZIV5nR5.js";
10
- import { R as jt } from "./vidstack-DqAw8m9J-BK4ngCzx.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-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-tvT8zDE5.js";
9
- import { R as wt } from "./vidstack-DqAw8m9J-BK4ngCzx.js";
10
- import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-wDcUmTEI.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-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-tvT8zDE5.js";
9
- import { VideoProvider as yt } from "./vidstack-video-BZIV5nR5.js";
10
- import { R as gt } from "./vidstack-DqAw8m9J-BK4ngCzx.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-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-tvT8zDE5.js";
9
- import { H as _, a as B } from "./vidstack-Bq6c3Bam-Bc0FszIe.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-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-tvT8zDE5.js";
9
- import { R as me } from "./vidstack-DqAw8m9J-BK4ngCzx.js";
10
- import { E as we } from "./vidstack-DDXt6fpN-BwtmhBpj.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-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-tvT8zDE5.js";
9
- import { E as Z } from "./vidstack-DDXt6fpN-BwtmhBpj.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-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,
@@ -1,4 +1,4 @@
1
- import { p as d } from "./install-tvT8zDE5.js";
1
+ import { p as d } from "./install-CUgs4Xk9.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.43",
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.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}-`;
@@ -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
- 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 {
@@ -127,7 +127,7 @@ const props = withDefaults(defineProps<{
127
127
  resizable?: boolean;
128
128
 
129
129
  actions: VideoCallAction[];
130
- username: string;
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: 0;
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, {}, 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;
@@ -20,7 +20,7 @@ type __VLS_Props = {
20
20
  hideHeader?: boolean;
21
21
  resizable?: boolean;
22
22
  actions: VideoCallAction[];
23
- username: string;
23
+ username?: string;
24
24
  };
25
25
  declare var __VLS_10: {
26
26
  size: ComponentSize;