@webitel/ui-sdk 25.12.39 → 25.12.41
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-DGNb9nVr.js → install-B4Nk3OEz.js} +63 -58
- package/dist/{plyr-ByorDhcr.js → plyr-KaDfMO3z.js} +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +541 -541
- package/dist/{vidstack-Bq6c3Bam-D5KBuWRZ.js → vidstack-Bq6c3Bam-wTVq5dCD.js} +2 -2
- package/dist/{vidstack-D2pY00kU-Ws1Jvjkb.js → vidstack-D2pY00kU-BDY1tl0N.js} +2 -2
- package/dist/{vidstack-DDXt6fpN-CMGNnPQV.js → vidstack-DDXt6fpN-DFzqLOOW.js} +1 -1
- package/dist/{vidstack-D_-9AA6_-DLAWXBQ4.js → vidstack-D_-9AA6_-Doy3hgnN.js} +1 -1
- package/dist/{vidstack-DqAw8m9J-BPmv6sOh.js → vidstack-DqAw8m9J-CF8Kjm2j.js} +1 -1
- package/dist/{vidstack-audio-BIY4ys0T.js → vidstack-audio-CP2NCp0l.js} +2 -2
- package/dist/{vidstack-dash-HCChLXEY.js → vidstack-dash-D2mGrqE7.js} +3 -3
- package/dist/{vidstack-google-cast-Be_1pOC-.js → vidstack-google-cast-Buijkdak.js} +3 -3
- package/dist/{vidstack-hls-BbnSLJID.js → vidstack-hls-CmjSG0jl.js} +3 -3
- package/dist/{vidstack-video-Dxw2U6Fe.js → vidstack-video-1yX47WpZ.js} +2 -2
- package/dist/{vidstack-vimeo-G_rdpj4P.js → vidstack-vimeo-CHLHywMZ.js} +3 -3
- package/dist/{vidstack-youtube-Csh5czsD.js → vidstack-youtube-DT3G83C6.js} +2 -2
- package/dist/{vuex.esm-bundler-VVqVSpHV.js → vuex.esm-bundler-GW6Qg-nV.js} +1 -1
- package/package.json +2 -2
- package/src/components/wt-vidstack-player/components/layouts/video-layout.vue +4 -3
- package/src/components/wt-vidstack-player/components/panels/media-controls-panel/media-controls-panel.vue +4 -0
- package/src/components/wt-vidstack-player/components/panels/video-display-panel/video-display-panel.vue +4 -1
- package/src/components/wt-vidstack-player/wt-vidstack-player.vue +27 -7
- package/src/locale/en/en.js +2 -0
- package/src/locale/es/es.js +2 -0
- package/src/locale/kz/kz.js +2 -0
- package/src/locale/pl/pl.js +2 -0
- package/src/locale/ro/ro.js +2 -0
- package/src/locale/ru/ru.js +2 -0
- package/src/locale/uk/uk.js +2 -0
- package/src/locale/uz/uz.js +2 -0
- package/src/locale/vi/vi.js +2 -0
- package/src/modules/CallSession/modules/VideoCall/video-call.vue +73 -68
- package/types/components/wt-vidstack-player/components/layouts/video-layout.vue.d.ts +2 -1
- package/types/components/wt-vidstack-player/wt-vidstack-player.vue.d.ts +2 -1
- package/types/locale/en/en.d.ts +2 -0
- package/types/locale/es/es.d.ts +4 -1
- package/types/locale/i18n.d.ts +18 -0
- package/types/locale/index.d.ts +18 -0
- package/types/locale/kz/kz.d.ts +4 -1
- package/types/locale/pl/pl.d.ts +4 -1
- package/types/locale/ro/ro.d.ts +4 -1
- package/types/locale/ru/ru.d.ts +4 -1
- package/types/locale/uk/uk.d.ts +4 -1
- package/types/locale/uz/uz.d.ts +4 -1
- package/types/locale/vi/vi.d.ts +4 -1
- package/types/modules/CallSession/modules/VideoCall/video-call.vue.d.ts +19 -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-B4Nk3OEz.js";
|
|
9
|
+
import { R as ri } from "./vidstack-DqAw8m9J-CF8Kjm2j.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-B4Nk3OEz.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-Buijkdak.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-B4Nk3OEz.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-B4Nk3OEz.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-B4Nk3OEz.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-B4Nk3OEz.js";
|
|
5
|
+
import { H as d, a as u } from "./vidstack-Bq6c3Bam-wTVq5dCD.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-B4Nk3OEz.js";
|
|
9
|
+
import { VideoProvider as $t } from "./vidstack-video-1yX47WpZ.js";
|
|
10
|
+
import { R as jt } from "./vidstack-DqAw8m9J-CF8Kjm2j.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-B4Nk3OEz.js";
|
|
9
|
+
import { R as wt } from "./vidstack-DqAw8m9J-CF8Kjm2j.js";
|
|
10
|
+
import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-BDY1tl0N.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-B4Nk3OEz.js";
|
|
9
|
+
import { VideoProvider as yt } from "./vidstack-video-1yX47WpZ.js";
|
|
10
|
+
import { R as gt } from "./vidstack-DqAw8m9J-CF8Kjm2j.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-B4Nk3OEz.js";
|
|
9
|
+
import { H as _, a as B } from "./vidstack-Bq6c3Bam-wTVq5dCD.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-B4Nk3OEz.js";
|
|
9
|
+
import { R as me } from "./vidstack-DqAw8m9J-CF8Kjm2j.js";
|
|
10
|
+
import { E as we } from "./vidstack-DDXt6fpN-DFzqLOOW.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-B4Nk3OEz.js";
|
|
9
|
+
import { E as Z } from "./vidstack-DDXt6fpN-DFzqLOOW.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.41",
|
|
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",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"@vuepic/vue-datepicker": "^4.5.1",
|
|
57
57
|
"@vueuse/components": "^13.0.0",
|
|
58
58
|
"@webitel/api-services": "^0.0.89",
|
|
59
|
-
"@webitel/styleguide": "^24.12.
|
|
59
|
+
"@webitel/styleguide": "^24.12.89",
|
|
60
60
|
"autosize": "^6.0.1",
|
|
61
61
|
"axios": "^1.8.3",
|
|
62
62
|
"clipboard-copy": "^4.0.1",
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
:class="`video-layout--${size}`"
|
|
5
5
|
>
|
|
6
6
|
<video-display-panel
|
|
7
|
-
:class="{'video-display-panel--hidden': props.
|
|
7
|
+
:class="{'video-display-panel--hidden': props.hideHeader}"
|
|
8
8
|
:title="props.title"
|
|
9
9
|
:username="props.username"
|
|
10
10
|
:closable="props.closable"
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<slot name="content" />
|
|
16
16
|
</media-controls-group>
|
|
17
17
|
|
|
18
|
-
<slot name="controls-panel">
|
|
18
|
+
<slot v-if="!props.hideControlsPanel" name="controls-panel">
|
|
19
19
|
<media-controls-panel />
|
|
20
20
|
</slot>
|
|
21
21
|
</media-controls>
|
|
@@ -33,7 +33,8 @@ const props = defineProps<{
|
|
|
33
33
|
title?: string;
|
|
34
34
|
username?: string;
|
|
35
35
|
closable?: boolean;
|
|
36
|
-
|
|
36
|
+
hideHeader?: boolean
|
|
37
|
+
hideControlsPanel?: boolean
|
|
37
38
|
}>();
|
|
38
39
|
|
|
39
40
|
const emit = defineEmits<{
|
|
@@ -45,7 +45,7 @@ import WtIconBtn from "../../../../wt-icon-btn/wt-icon-btn.vue";
|
|
|
45
45
|
import FullscreenButton from "../../buttons/fullscreen-button.vue";
|
|
46
46
|
import ToggleButton from "../../toggle-button.vue";
|
|
47
47
|
|
|
48
|
-
const { size, changeSize } = inject('size');
|
|
48
|
+
const { size, fullscreen, changeSize } = inject('size');
|
|
49
49
|
|
|
50
50
|
const props = defineProps<{
|
|
51
51
|
title?: string;
|
|
@@ -69,10 +69,12 @@ const emit = defineEmits<{
|
|
|
69
69
|
const handleFullscreen = (value: boolean) => {
|
|
70
70
|
if (value) {
|
|
71
71
|
if (size.value !== ComponentSize.LG) {
|
|
72
|
+
fullscreen.value = true
|
|
72
73
|
changeSize(ComponentSize.LG)
|
|
73
74
|
}
|
|
74
75
|
} else if (size.value === ComponentSize.LG) {
|
|
75
76
|
exitFullscreen()
|
|
77
|
+
fullscreen.value = false
|
|
76
78
|
changeSize(ComponentSize.SM)
|
|
77
79
|
}
|
|
78
80
|
}
|
|
@@ -84,6 +86,7 @@ const handlePlayerSize = () => {
|
|
|
84
86
|
changeSize(ComponentSize.SM)
|
|
85
87
|
} else if (size.value === ComponentSize.LG) {
|
|
86
88
|
exitFullscreen()
|
|
89
|
+
fullscreen.value = false
|
|
87
90
|
changeSize(ComponentSize.MD)
|
|
88
91
|
}
|
|
89
92
|
}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
<div
|
|
3
3
|
class="wt-vidstack-player"
|
|
4
4
|
:class="[
|
|
5
|
-
|
|
5
|
+
`wt-vidstack-player--${size}`,
|
|
6
|
+
fullscreen && `wt-vidstack-player--fullscreen`,
|
|
6
7
|
props.static && 'wt-vidstack-player--static',
|
|
7
8
|
props.hideBackground && 'wt-vidstack-player--hide-background'
|
|
8
9
|
]"
|
|
@@ -23,15 +24,15 @@
|
|
|
23
24
|
></media-provider>
|
|
24
25
|
|
|
25
26
|
<video-layout
|
|
26
|
-
|
|
27
|
-
:hide-
|
|
27
|
+
:hide-header="props.hideHeader"
|
|
28
|
+
:hide-controls-panel="props.hideControlsPanel"
|
|
28
29
|
:closable="props.closable"
|
|
29
30
|
:autoplay="props.autoplay"
|
|
30
31
|
:title="props.title"
|
|
31
32
|
:username="props.username"
|
|
32
33
|
@close-player="emit('close')"
|
|
33
34
|
>
|
|
34
|
-
<template
|
|
35
|
+
<template #controls-panel>
|
|
35
36
|
<slot name="controls-panel" :size="size" />
|
|
36
37
|
</template>
|
|
37
38
|
|
|
@@ -66,7 +67,8 @@ interface Props {
|
|
|
66
67
|
static?: boolean;
|
|
67
68
|
stream?: MediaStream
|
|
68
69
|
size?: ComponentSize
|
|
69
|
-
|
|
70
|
+
hideHeader?: boolean
|
|
71
|
+
hideControlsPanel?: boolean
|
|
70
72
|
hideBackground?: boolean
|
|
71
73
|
}
|
|
72
74
|
|
|
@@ -88,6 +90,7 @@ const emit = defineEmits<{
|
|
|
88
90
|
|
|
89
91
|
const player = useTemplateRef<MediaPlayerElement>('player');
|
|
90
92
|
const size = ref(props.size || ComponentSize.SM);
|
|
93
|
+
const fullscreen = ref(false)
|
|
91
94
|
|
|
92
95
|
const changeSize = (value) => {
|
|
93
96
|
size.value = value;
|
|
@@ -95,9 +98,8 @@ const changeSize = (value) => {
|
|
|
95
98
|
|
|
96
99
|
/** @author liza-pohranichna
|
|
97
100
|
* options: [sm, md, lg]
|
|
98
|
-
* lg-size is fullscreen
|
|
99
101
|
*/
|
|
100
|
-
provide('size', {size, changeSize});
|
|
102
|
+
provide('size', {size, fullscreen, changeSize});
|
|
101
103
|
|
|
102
104
|
const normalizedType = computed(() => { // https://vidstack.io/docs/wc/player/core-concepts/loading/?styling=css#source-types
|
|
103
105
|
if (props.mime) return props.mime;
|
|
@@ -134,6 +136,8 @@ const normalizedSrc = computed(() => {
|
|
|
134
136
|
.wt-vidstack-player {
|
|
135
137
|
width: 100%;
|
|
136
138
|
height: 100%;
|
|
139
|
+
max-width: 100%;
|
|
140
|
+
max-height: 100%;
|
|
137
141
|
transition: var(--transition);
|
|
138
142
|
|
|
139
143
|
&__player {
|
|
@@ -161,8 +165,17 @@ const normalizedSrc = computed(() => {
|
|
|
161
165
|
}
|
|
162
166
|
|
|
163
167
|
&--md {
|
|
168
|
+
border-radius: var(--p-player-wrapper-md-border-radius);
|
|
169
|
+
overflow: hidden;
|
|
170
|
+
max-width: var(--p-player-wrapper-md-width);
|
|
171
|
+
max-height: var(--p-player-wrapper-md-height);
|
|
172
|
+
flex: 0 0 auto;
|
|
173
|
+
|
|
164
174
|
&:not(.wt-vidstack-player--static) {
|
|
165
175
|
@include popup-wrapper;
|
|
176
|
+
border-radius: 0;
|
|
177
|
+
max-width: 100%;
|
|
178
|
+
max-height: 100%;
|
|
166
179
|
|
|
167
180
|
/** @author liza-pohranichna
|
|
168
181
|
* need to use wt-popup styles for md size https://webitel.atlassian.net/browse/WTEL-7723 */
|
|
@@ -188,6 +201,9 @@ const normalizedSrc = computed(() => {
|
|
|
188
201
|
}
|
|
189
202
|
|
|
190
203
|
&--lg {
|
|
204
|
+
border-radius: var(--p-player-wrapper-lg-border-radius);
|
|
205
|
+
overflow: hidden;
|
|
206
|
+
|
|
191
207
|
.wt-vidstack-player {
|
|
192
208
|
&__player {
|
|
193
209
|
display: flex;
|
|
@@ -201,6 +217,10 @@ const normalizedSrc = computed(() => {
|
|
|
201
217
|
}
|
|
202
218
|
}
|
|
203
219
|
|
|
220
|
+
&--fullscreen {
|
|
221
|
+
border-radius: 0;
|
|
222
|
+
}
|
|
223
|
+
|
|
204
224
|
&--static {
|
|
205
225
|
position: relative;
|
|
206
226
|
right: unset;
|
package/src/locale/en/en.js
CHANGED
|
@@ -90,6 +90,7 @@ export default deepmerge(
|
|
|
90
90
|
updatedBy: (/*{ named }*/) => {
|
|
91
91
|
return 'Edited';
|
|
92
92
|
},
|
|
93
|
+
check: 'Check',
|
|
93
94
|
},
|
|
94
95
|
// yak zhe ya zaebalsya povtoriaty odni i ti sami slova!!!!
|
|
95
96
|
vocabulary: {
|
|
@@ -134,6 +135,7 @@ export default deepmerge(
|
|
|
134
135
|
expireAt: 'Expire at',
|
|
135
136
|
destination: 'Destination',
|
|
136
137
|
utilizationProgress: 'Utilization progress',
|
|
138
|
+
settings: 'Settings',
|
|
137
139
|
},
|
|
138
140
|
// date-related texts
|
|
139
141
|
date: {
|
package/src/locale/es/es.js
CHANGED
|
@@ -86,6 +86,7 @@ export default {
|
|
|
86
86
|
updatedBy: (/*{ named }*/) => {
|
|
87
87
|
return 'Editado';
|
|
88
88
|
},
|
|
89
|
+
check: 'Comprobar',
|
|
89
90
|
},
|
|
90
91
|
vocabulary: {
|
|
91
92
|
apply: 'Aplicar',
|
|
@@ -129,6 +130,7 @@ export default {
|
|
|
129
130
|
expireAt: 'Expira en',
|
|
130
131
|
destination: 'Destino',
|
|
131
132
|
utilizationProgress: 'Progreso de utilización',
|
|
133
|
+
settings: 'Configuración',
|
|
132
134
|
},
|
|
133
135
|
date: {
|
|
134
136
|
sec: 'Seg',
|
package/src/locale/kz/kz.js
CHANGED
|
@@ -87,6 +87,7 @@ export default {
|
|
|
87
87
|
updatedBy: (/*{ named }*/) => {
|
|
88
88
|
return 'Өңделген';
|
|
89
89
|
},
|
|
90
|
+
check: 'Тексеру',
|
|
90
91
|
},
|
|
91
92
|
// yak zhe ya zaebalsya povtoriaty odni i ti sami slova!!!!
|
|
92
93
|
vocabulary: {
|
|
@@ -131,6 +132,7 @@ export default {
|
|
|
131
132
|
expireAt: 'Мерзімі',
|
|
132
133
|
destination: 'Мақсат',
|
|
133
134
|
utilizationProgress: 'Пайдалану прогресі',
|
|
135
|
+
settings: 'Параметрлер',
|
|
134
136
|
},
|
|
135
137
|
// date-related texts
|
|
136
138
|
date: {
|
package/src/locale/pl/pl.js
CHANGED
|
@@ -87,6 +87,7 @@ export default {
|
|
|
87
87
|
updatedBy: (/*{ named }*/) => {
|
|
88
88
|
return 'Edytowane';
|
|
89
89
|
},
|
|
90
|
+
check: 'Sprawdź',
|
|
90
91
|
},
|
|
91
92
|
// yak zhe ya zaebalsya povtoriaty odni i ti sami slova!!!!
|
|
92
93
|
vocabulary: {
|
|
@@ -131,6 +132,7 @@ export default {
|
|
|
131
132
|
expireAt: 'Wygasa',
|
|
132
133
|
destination: 'Cel',
|
|
133
134
|
utilizationProgress: 'Postęp wykorzystania',
|
|
135
|
+
settings: 'Ustawienia',
|
|
134
136
|
},
|
|
135
137
|
// date-related texts
|
|
136
138
|
date: {
|
package/src/locale/ro/ro.js
CHANGED
|
@@ -87,6 +87,7 @@ export default {
|
|
|
87
87
|
updatedBy: (/*{ named }*/) => {
|
|
88
88
|
return 'Editat';
|
|
89
89
|
},
|
|
90
|
+
check: 'Verifică',
|
|
90
91
|
},
|
|
91
92
|
// yak zhe ya zaebalsya povtoriaty odni i ti sami slova!!!!
|
|
92
93
|
vocabulary: {
|
|
@@ -131,6 +132,7 @@ export default {
|
|
|
131
132
|
expireAt: 'Expiră la',
|
|
132
133
|
destination: 'Destinație',
|
|
133
134
|
utilizationProgress: 'Progresul utilizării',
|
|
135
|
+
settings: 'Setări',
|
|
134
136
|
},
|
|
135
137
|
// date-related texts
|
|
136
138
|
date: {
|
package/src/locale/ru/ru.js
CHANGED
|
@@ -87,6 +87,7 @@ export default {
|
|
|
87
87
|
updatedBy: (/*{ named }*/) => {
|
|
88
88
|
return 'Редактировано';
|
|
89
89
|
},
|
|
90
|
+
check: 'Проверить',
|
|
90
91
|
},
|
|
91
92
|
vocabulary: {
|
|
92
93
|
apply: 'Применить',
|
|
@@ -130,6 +131,7 @@ export default {
|
|
|
130
131
|
expireAt: 'Срок действия',
|
|
131
132
|
destination: 'Назначение',
|
|
132
133
|
utilizationProgress: 'Прогресс использования',
|
|
134
|
+
settings: 'Настройки',
|
|
133
135
|
},
|
|
134
136
|
// date-related texts
|
|
135
137
|
date: {
|
package/src/locale/uk/uk.js
CHANGED
|
@@ -87,6 +87,7 @@ export default {
|
|
|
87
87
|
updatedBy: (/*{ named }*/) => {
|
|
88
88
|
return 'Редаговано';
|
|
89
89
|
},
|
|
90
|
+
check: 'Перевірити',
|
|
90
91
|
},
|
|
91
92
|
vocabulary: {
|
|
92
93
|
apply: 'Застосувати',
|
|
@@ -130,6 +131,7 @@ export default {
|
|
|
130
131
|
expireAt: 'Термін дії',
|
|
131
132
|
destination: 'Призначення',
|
|
132
133
|
utilizationProgress: 'Прогрес використання',
|
|
134
|
+
settings: 'Налаштування',
|
|
133
135
|
},
|
|
134
136
|
// date-related texts
|
|
135
137
|
date: {
|
package/src/locale/uz/uz.js
CHANGED
|
@@ -87,6 +87,7 @@ export default {
|
|
|
87
87
|
updatedBy: (/*{ named }*/) => {
|
|
88
88
|
return 'Tahrirlangan';
|
|
89
89
|
},
|
|
90
|
+
check: 'Tekshirish',
|
|
90
91
|
},
|
|
91
92
|
// yak zhe ya zaebalsya povtoriaty odni i ti sami slova!!!!
|
|
92
93
|
vocabulary: {
|
|
@@ -131,6 +132,7 @@ export default {
|
|
|
131
132
|
expireAt: 'Muddati',
|
|
132
133
|
destination: 'Manzil',
|
|
133
134
|
utilizationProgress: 'Foydalanish bosqichi',
|
|
135
|
+
settings: 'Sozlamalar',
|
|
134
136
|
},
|
|
135
137
|
// date-related texts
|
|
136
138
|
date: {
|
package/src/locale/vi/vi.js
CHANGED
|
@@ -87,6 +87,7 @@ export default {
|
|
|
87
87
|
updatedBy: (/*{ named }*/) => {
|
|
88
88
|
return 'Đã sửa';
|
|
89
89
|
},
|
|
90
|
+
check: 'Kiểm tra',
|
|
90
91
|
},
|
|
91
92
|
// yak zhe ya zaebalsya povtoriaty odni i ti sami slova!!!!
|
|
92
93
|
vocabulary: {
|
|
@@ -131,6 +132,7 @@ export default {
|
|
|
131
132
|
expireAt: 'Hết hạn',
|
|
132
133
|
destination: 'Điểm đến',
|
|
133
134
|
utilizationProgress: 'Tiến độ sử dụng',
|
|
135
|
+
settings: 'Cài đặt',
|
|
134
136
|
},
|
|
135
137
|
// date-related texts
|
|
136
138
|
date: {
|