@webitel/ui-sdk 25.12.74 → 25.12.76

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 (28) hide show
  1. package/dist/{install-D3ta0hmF.js → install-CRbNkh_i.js} +4894 -4891
  2. package/dist/{plyr-DjdL1Tz5.js → plyr-dBBD5QAl.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 +142 -142
  6. package/dist/{vidstack-Bq6c3Bam-CmiZvYn8.js → vidstack-Bq6c3Bam-DnntDKqk.js} +2 -2
  7. package/dist/{vidstack-D2pY00kU-BC_EKLfg.js → vidstack-D2pY00kU-Ciu2Iq-a.js} +2 -2
  8. package/dist/{vidstack-DDXt6fpN-Bv5TRedU.js → vidstack-DDXt6fpN-Qeuu3enP.js} +1 -1
  9. package/dist/{vidstack-D_-9AA6_-DxTDmFf3.js → vidstack-D_-9AA6_-DDREtIe7.js} +1 -1
  10. package/dist/{vidstack-DqAw8m9J-MnGL0Qgx.js → vidstack-DqAw8m9J-C4fRnvp8.js} +1 -1
  11. package/dist/{vidstack-audio-ClAqQqgM.js → vidstack-audio-QtBceTAC.js} +2 -2
  12. package/dist/{vidstack-dash-DBR7vkNY.js → vidstack-dash-Dab5AKoh.js} +3 -3
  13. package/dist/{vidstack-google-cast-D4ZgAq0R.js → vidstack-google-cast-F7CV0tuD.js} +3 -3
  14. package/dist/{vidstack-hls-CRXXis8s.js → vidstack-hls-C36x2qP7.js} +3 -3
  15. package/dist/{vidstack-video-DTLP1YIE.js → vidstack-video-Du0ZCqVE.js} +2 -2
  16. package/dist/{vidstack-vimeo-CcdHOSFM.js → vidstack-vimeo-D0_aktMu.js} +3 -3
  17. package/dist/{vidstack-youtube-lfTC72aX.js → vidstack-youtube-BBjfoGW2.js} +2 -2
  18. package/dist/{vuex.esm-bundler-BCEyD8E5.js → vuex.esm-bundler-YoPhVVuJ.js} +1 -1
  19. package/package.json +1 -1
  20. package/src/components/wt-table/wt-table.vue +4 -12
  21. package/src/components/wt-vidstack-player/components/layouts/video-layout.vue +47 -30
  22. package/src/components/wt-vidstack-player/components/panels/video-display-panel/video-display-panel.vue +1 -1
  23. package/src/components/wt-vidstack-player/wt-vidstack-player.vue +2 -2
  24. package/src/modules/CallSession/modules/VideoCall/video-call.vue +3 -3
  25. package/types/components/wt-table/wt-table.vue.d.ts +1 -2
  26. package/types/components/wt-vidstack-player/components/layouts/video-layout.vue.d.ts +1 -1
  27. package/types/components/wt-vidstack-player/wt-vidstack-player.vue.d.ts +1 -1
  28. 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-D3ta0hmF.js";
9
- import { R as ri } from "./vidstack-DqAw8m9J-MnGL0Qgx.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-CRbNkh_i.js";
9
+ import { R as ri } from "./vidstack-DqAw8m9J-C4fRnvp8.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-D3ta0hmF.js";
8
+ import { l as b, k as A, V as O, G as D, f as R, o as G } from "./install-CRbNkh_i.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-D4ZgAq0R.js")).GoogleCastProvider(c(this, n), e);
97
+ return new (await import("./vidstack-google-cast-F7CV0tuD.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-D3ta0hmF.js";
8
+ import { M as w, l as f, e as A, f as P, U as O, b as S } from "./install-CRbNkh_i.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-D3ta0hmF.js";
1
+ import { c as d, a as i, I as l, e as m } from "./install-CRbNkh_i.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-D3ta0hmF.js";
6
+ import { m as p, v as u } from "./install-CRbNkh_i.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-D3ta0hmF.js";
5
- import { H as d, a as u } from "./vidstack-Bq6c3Bam-CmiZvYn8.js";
4
+ import { s as p } from "./install-CRbNkh_i.js";
5
+ import { H as d, a as u } from "./vidstack-Bq6c3Bam-DnntDKqk.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-D3ta0hmF.js";
9
- import { VideoProvider as $t } from "./vidstack-video-DTLP1YIE.js";
10
- import { R as jt } from "./vidstack-DqAw8m9J-MnGL0Qgx.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-CRbNkh_i.js";
9
+ import { VideoProvider as $t } from "./vidstack-video-Du0ZCqVE.js";
10
+ import { R as jt } from "./vidstack-DqAw8m9J-C4fRnvp8.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-D3ta0hmF.js";
9
- import { R as wt } from "./vidstack-DqAw8m9J-MnGL0Qgx.js";
10
- import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-BC_EKLfg.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-CRbNkh_i.js";
9
+ import { R as wt } from "./vidstack-DqAw8m9J-C4fRnvp8.js";
10
+ import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-Ciu2Iq-a.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-D3ta0hmF.js";
9
- import { VideoProvider as yt } from "./vidstack-video-DTLP1YIE.js";
10
- import { R as gt } from "./vidstack-DqAw8m9J-MnGL0Qgx.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-CRbNkh_i.js";
9
+ import { VideoProvider as yt } from "./vidstack-video-Du0ZCqVE.js";
10
+ import { R as gt } from "./vidstack-DqAw8m9J-C4fRnvp8.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-D3ta0hmF.js";
9
- import { H as _, a as B } from "./vidstack-Bq6c3Bam-CmiZvYn8.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-CRbNkh_i.js";
9
+ import { H as _, a as B } from "./vidstack-Bq6c3Bam-DnntDKqk.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-D3ta0hmF.js";
9
- import { R as me } from "./vidstack-DqAw8m9J-MnGL0Qgx.js";
10
- import { E as we } from "./vidstack-DDXt6fpN-Bv5TRedU.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-CRbNkh_i.js";
9
+ import { R as me } from "./vidstack-DqAw8m9J-C4fRnvp8.js";
10
+ import { E as we } from "./vidstack-DDXt6fpN-Qeuu3enP.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-D3ta0hmF.js";
9
- import { E as Z } from "./vidstack-DDXt6fpN-Bv5TRedU.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-CRbNkh_i.js";
9
+ import { E as Z } from "./vidstack-DDXt6fpN-Qeuu3enP.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-D3ta0hmF.js";
1
+ import { p as d } from "./install-CRbNkh_i.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.74",
3
+ "version": "25.12.76",
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",
@@ -90,7 +90,7 @@
90
90
  <!-- check if row exists to prevent rendering errors -->
91
91
  <wt-checkbox
92
92
  v-if="row"
93
- :selected="isCheckboxSelected(row)"
93
+ :selected="_selected.includes(row)"
94
94
  @update:selected="handleSelection(row, $event)"
95
95
  />
96
96
  </template>
@@ -277,8 +277,6 @@ interface Props extends DataTableProps{
277
277
  onLoading?: (event: VirtualScrollerLazyEvent) => Promise<any>;
278
278
  loading?: boolean;
279
279
  itemSize?: number | undefined;
280
-
281
- trackSelectedRowBy: (item: Entity) => Entity
282
280
  }
283
281
 
284
282
  const props = withDefaults(defineProps<Props>(), {
@@ -378,18 +376,12 @@ const isColSortable = ({ sort }) => {
378
376
  return props.sortable && sort !== undefined;
379
377
  }
380
378
 
381
- const isCheckboxSelected = (row: unknown) => _selected.value.includes(trackSelectedBy(row))
382
-
383
- const trackSelectedBy = (item: unknown) => {
384
- return props.trackSelectedRowBy ? props.trackSelectedRowBy(item) : item.id
385
- }
386
-
387
379
  const selectAll = () => {
388
380
  if (props.selected) {
389
381
  if (isAllSelected.value) {
390
382
  emit('update:selected', []);
391
383
  } else {
392
- emit('update:selected', [...props.data.map((item) => trackSelectedBy(item))]);
384
+ emit('update:selected', [...props.data]);
393
385
  }
394
386
  } else {
395
387
  // for backwards compatibility
@@ -413,11 +405,11 @@ const selectAll = () => {
413
405
  const handleSelection = (row, select) => {
414
406
  if (props.selected) {
415
407
  if (select) {
416
- emit('update:selected', [..._selected.value, trackSelectedBy(row)]);
408
+ emit('update:selected', [..._selected.value, row]);
417
409
  } else {
418
410
  emit(
419
411
  'update:selected',
420
- _selected.value.filter((item) => item !== trackSelectedBy(row)),
412
+ _selected.value.filter((item) => item !== row),
421
413
  );
422
414
  }
423
415
  } else {
@@ -3,22 +3,26 @@
3
3
  class="video-layout controls"
4
4
  :class="`video-layout--${size}`"
5
5
  >
6
- <video-display-panel
7
- :class="{'video-display-panel--hidden': props.hideHeader}"
8
- :title="props.title"
9
- :username="props.username"
10
- :closable="props.closable"
11
- :hide-expand="props.hideExpand"
12
- @close="emit('close-player')"
13
- />
6
+ <div class="video-display-panel-wrapper">
7
+ <video-display-panel
8
+ v-if="!props.hideVideoDisplayPanel"
9
+ :title="props.title"
10
+ :username="props.username"
11
+ :closable="props.closable"
12
+ :hide-expand="props.hideExpand"
13
+ @close="emit('close-player')"
14
+ />
15
+ </div>
14
16
 
15
- <media-controls-group>
17
+ <media-controls-group class="video-layout-content">
16
18
  <slot name="content" />
17
19
  </media-controls-group>
18
20
 
19
- <slot v-if="!props.hideControlsPanel" name="controls-panel">
20
- <media-controls-panel />
21
- </slot>
21
+ <div class="video-layout-controls">
22
+ <slot v-if="!props.hideControlsPanel" name="controls-panel">
23
+ <media-controls-panel />
24
+ </slot>
25
+ </div>
22
26
  </media-controls>
23
27
  </template>
24
28
 
@@ -35,7 +39,7 @@ const props = defineProps<{
35
39
  title?: string;
36
40
  username?: string;
37
41
  closable?: boolean;
38
- hideHeader?: boolean
42
+ hideVideoDisplayPanel?: boolean
39
43
  hideControlsPanel?: boolean
40
44
  hideExpand?: boolean
41
45
  }>();
@@ -50,29 +54,42 @@ const emit = defineEmits<{
50
54
 
51
55
  <style scoped lang="scss">
52
56
  .video-layout {
53
- position: relative;
54
-
55
- .video-display-panel {
56
- &--hidden {
57
- visibility: hidden;
58
- }
59
- }
60
-
61
- &--sm {
62
- border-radius: var(--p-player-wrapper-sm-border-radius);
63
- }
64
- }
65
-
66
- .controls {
67
- display: flex;
68
- flex-direction: column;
69
57
  position: absolute;
70
- justify-content: space-between;
71
58
  inset: 0;
72
59
  width: 100%;
73
60
  height: 100%;
74
61
  z-index: 10;
62
+ display: grid;
63
+ grid-template-columns: 1fr;
64
+ grid-template-areas: 'head' 'content' 'controls';
65
+ grid-template-rows: repeat(3, 1fr);
66
+ align-items: center;
67
+ justify-content: space-between;
75
68
  transition: all var(--transition) ease-out;
69
+
70
+ &-content {
71
+ grid-area: content;
72
+ }
73
+
74
+ &-controls {
75
+ grid-area: controls;
76
+ align-self: flex-end;
77
+ justify-self: center;
78
+ width: 100%;
79
+ display: flex;
80
+ align-items: flex-end;
81
+ justify-content: center;
82
+ }
83
+
84
+ .video-display-panel-wrapper {
85
+ grid-area: head;
86
+ min-width: 0;
87
+ align-self: flex-start;
88
+ }
89
+
90
+ &--sm {
91
+ border-radius: var(--p-player-wrapper-sm-border-radius);
92
+ }
76
93
  }
77
94
 
78
95
  media-player[data-hocus] { // hover or focus within https://vidstack.io/docs/wc/player/components/core/player/?styling=css#player.attrs
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <media-controls-group
3
- class="video-display-panel controls-group"
4
3
  :class="`video-display-panel--${size}`"
4
+ class="video-display-panel controls-group"
5
5
  >
6
6
  <div class="video-display-panel__head">
7
7
  <wt-avatar
@@ -26,7 +26,7 @@
26
26
  ></media-provider>
27
27
 
28
28
  <video-layout
29
- :hide-header="props.hideHeader"
29
+ :hide-video-display-panel="props.hideVideoDisplayPanel"
30
30
  :hide-controls-panel="props.hideControlsPanel"
31
31
  :closable="props.closable"
32
32
  :autoplay="props.autoplay"
@@ -69,7 +69,7 @@ interface Props {
69
69
  static?: boolean;
70
70
  stream?: MediaStream
71
71
  size?: ComponentSize
72
- hideHeader?: boolean
72
+ hideVideoDisplayPanel?: boolean
73
73
  hideControlsPanel?: boolean
74
74
  hideBackground?: boolean
75
75
  hideExpand?: boolean
@@ -5,7 +5,7 @@
5
5
  :size="props.size"
6
6
  :class="[!props.static && `video-call-position--${props.position}`]"
7
7
  :username="props.username"
8
- :hide-header="props.hideHeader"
8
+ :hide-video-display-panel="props.hideVideoDisplayPanel"
9
9
  video-object-fit="cover"
10
10
  class="video-call"
11
11
  hide-background
@@ -54,7 +54,7 @@
54
54
  :stream="props['sender:stream']"
55
55
  :class="`video-call-sender--${innerSize}`"
56
56
  video-object-fit="cover"
57
- hide-header
57
+ hide-video-display-panel
58
58
  hide-controls-panel
59
59
  static
60
60
  autoplay
@@ -137,7 +137,7 @@ const props = withDefaults(defineProps<{
137
137
  static?: boolean;
138
138
  position?: 'left-bottom' | 'right-bottom' | 'center';
139
139
  size?: ComponentSize
140
- hideHeader?: boolean
140
+ hideVideoDisplayPanel?: boolean
141
141
  resizable?: boolean;
142
142
 
143
143
  actions: VideoCallAction[];
@@ -51,7 +51,6 @@ interface Props extends DataTableProps {
51
51
  onLoading?: (event: VirtualScrollerLazyEvent) => Promise<any>;
52
52
  loading?: boolean;
53
53
  itemSize?: number | undefined;
54
- trackSelectedRowBy: (item: Entity) => Entity;
55
54
  }
56
55
  declare var __VLS_60: `header-${string}`, __VLS_61: {
57
56
  index: number;
@@ -112,7 +111,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
112
111
  reorderableColumns: boolean;
113
112
  rowExpansionDisabled: (row: object) => boolean;
114
113
  itemSize: number | undefined;
115
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
114
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
116
115
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
117
116
  export default _default;
118
117
  type __VLS_WithSlots<T, S> = T & {
@@ -2,7 +2,7 @@ type __VLS_Props = {
2
2
  title?: string;
3
3
  username?: string;
4
4
  closable?: boolean;
5
- hideHeader?: boolean;
5
+ hideVideoDisplayPanel?: boolean;
6
6
  hideControlsPanel?: boolean;
7
7
  hideExpand?: boolean;
8
8
  };
@@ -15,7 +15,7 @@ interface Props {
15
15
  static?: boolean;
16
16
  stream?: MediaStream;
17
17
  size?: ComponentSize;
18
- hideHeader?: boolean;
18
+ hideVideoDisplayPanel?: boolean;
19
19
  hideControlsPanel?: boolean;
20
20
  hideBackground?: boolean;
21
21
  hideExpand?: boolean;
@@ -17,7 +17,7 @@ type __VLS_Props = {
17
17
  static?: boolean;
18
18
  position?: 'left-bottom' | 'right-bottom' | 'center';
19
19
  size?: ComponentSize;
20
- hideHeader?: boolean;
20
+ hideVideoDisplayPanel?: boolean;
21
21
  resizable?: boolean;
22
22
  actions: VideoCallAction[];
23
23
  username?: string;