@webitel/ui-sdk 25.12.75 → 25.12.77
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-BLFBpoff.js → install-CRbNkh_i.js} +1556 -1552
- package/dist/{plyr-B6agIa79.js → plyr-dBBD5QAl.js} +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +131 -131
- package/dist/{vidstack-Bq6c3Bam-BW6LKzX4.js → vidstack-Bq6c3Bam-DnntDKqk.js} +2 -2
- package/dist/{vidstack-D2pY00kU-Nvid4wg_.js → vidstack-D2pY00kU-Ciu2Iq-a.js} +2 -2
- package/dist/{vidstack-DDXt6fpN-KuSqdyww.js → vidstack-DDXt6fpN-Qeuu3enP.js} +1 -1
- package/dist/{vidstack-D_-9AA6_-DfEBg-ll.js → vidstack-D_-9AA6_-DDREtIe7.js} +1 -1
- package/dist/{vidstack-DqAw8m9J-7rva7OoT.js → vidstack-DqAw8m9J-C4fRnvp8.js} +1 -1
- package/dist/{vidstack-audio-aFP9dcUc.js → vidstack-audio-QtBceTAC.js} +2 -2
- package/dist/{vidstack-dash-QaallzNm.js → vidstack-dash-Dab5AKoh.js} +3 -3
- package/dist/{vidstack-google-cast-BqTshdq4.js → vidstack-google-cast-F7CV0tuD.js} +3 -3
- package/dist/{vidstack-hls-DRPSjMm4.js → vidstack-hls-C36x2qP7.js} +3 -3
- package/dist/{vidstack-video-BNEEM-ZN.js → vidstack-video-Du0ZCqVE.js} +2 -2
- package/dist/{vidstack-vimeo-DmmJmRcg.js → vidstack-vimeo-D0_aktMu.js} +3 -3
- package/dist/{vidstack-youtube-jYnYW9HE.js → vidstack-youtube-BBjfoGW2.js} +2 -2
- package/dist/{vuex.esm-bundler-D97clcBO.js → vuex.esm-bundler-YoPhVVuJ.js} +1 -1
- package/package.json +1 -1
- package/src/components/wt-vidstack-player/components/layouts/video-layout.vue +47 -30
- package/src/components/wt-vidstack-player/components/panels/video-display-panel/video-display-panel.vue +1 -1
- package/src/components/wt-vidstack-player/wt-vidstack-player.vue +2 -2
- package/src/modules/AuditForm/components/audit-form-question-write-wrapper.vue +9 -5
- package/src/modules/CallSession/modules/VideoCall/video-call.vue +3 -3
- package/types/components/wt-vidstack-player/components/layouts/video-layout.vue.d.ts +1 -1
- package/types/components/wt-vidstack-player/wt-vidstack-player.vue.d.ts +1 -1
- package/types/modules/CallSession/modules/VideoCall/video-call.vue.d.ts +1 -1
|
@@ -5,8 +5,8 @@ var ot = (n) => {
|
|
|
5
5
|
var Xt = (n, t, s) => t in n ? Qt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
|
|
6
6
|
var N = (n, t, s) => Xt(n, typeof t != "symbol" ? t + "" : t, s), X = (n, t, s) => t.has(n) || ot("Cannot " + s);
|
|
7
7
|
var i = (n, t, s) => (X(n, t, "read from private field"), s ? s.call(n) : t.get(n)), d = (n, t, s) => t.has(n) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), c = (n, t, s, r) => (X(n, t, "write to private field"), r ? r.call(n, s) : t.set(n, s), s), a = (n, t, s) => (X(n, t, "access private method"), s);
|
|
8
|
-
import { A as Yt, z as ut, B as j, C as Zt, b as ti, E as nt, e as lt, F as _, G as ii, H as ei, f as si, J as ai, l as rt, K as dt, D as ni, L as Y, M as Z } from "./install-
|
|
9
|
-
import { R as ri } from "./vidstack-DqAw8m9J-
|
|
8
|
+
import { A as Yt, z as ut, B as j, C as Zt, b as ti, E as nt, e as lt, F as _, G as ii, H as ei, f as si, J as ai, l as rt, K as dt, D as ni, L as Y, M as Z } from "./install-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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
5
|
-
import { H as d, a as u } from "./vidstack-Bq6c3Bam-
|
|
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-
|
|
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-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-
|
|
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-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-
|
|
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-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-
|
|
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-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-
|
|
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-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-
|
|
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-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,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webitel/ui-sdk",
|
|
3
|
-
"version": "25.12.
|
|
3
|
+
"version": "25.12.77",
|
|
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",
|
|
@@ -3,22 +3,26 @@
|
|
|
3
3
|
class="video-layout controls"
|
|
4
4
|
:class="`video-layout--${size}`"
|
|
5
5
|
>
|
|
6
|
-
<video-display-panel
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
<
|
|
20
|
-
<
|
|
21
|
-
|
|
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
|
-
|
|
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
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
></media-provider>
|
|
27
27
|
|
|
28
28
|
<video-layout
|
|
29
|
-
:hide-
|
|
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
|
-
|
|
72
|
+
hideVideoDisplayPanel?: boolean
|
|
73
73
|
hideControlsPanel?: boolean
|
|
74
74
|
hideBackground?: boolean
|
|
75
75
|
hideExpand?: boolean
|
|
@@ -51,7 +51,6 @@
|
|
|
51
51
|
</template>
|
|
52
52
|
|
|
53
53
|
<script lang="ts" setup>
|
|
54
|
-
import cloneDeep from 'lodash/cloneDeep';
|
|
55
54
|
import { computed } from 'vue';
|
|
56
55
|
import { useI18n } from 'vue-i18n';
|
|
57
56
|
import { EngineAuditQuestionType, EngineQuestion } from 'webitel-sdk';
|
|
@@ -111,13 +110,18 @@ function updateQuestion({ path, value }) {
|
|
|
111
110
|
}
|
|
112
111
|
|
|
113
112
|
function handleQuestionTypeChange(type) {
|
|
114
|
-
const
|
|
113
|
+
const commonFields = {
|
|
114
|
+
question: questionModel.value.question,
|
|
115
|
+
required: questionModel.value.required,
|
|
116
|
+
description: questionModel.value.description,
|
|
117
|
+
criticalViolation: questionModel.value.criticalViolation,
|
|
118
|
+
};
|
|
119
|
+
|
|
115
120
|
if (type === EngineAuditQuestionType.Option) {
|
|
116
|
-
|
|
121
|
+
questionModel.value = { ...commonFields, ...generateQuestionOptionsSchema() };
|
|
117
122
|
} else if (type === EngineAuditQuestionType.Score) {
|
|
118
|
-
|
|
123
|
+
questionModel.value = { ...commonFields, ...generateQuestionScoreSchema() };
|
|
119
124
|
}
|
|
120
|
-
questionModel.value = question;
|
|
121
125
|
}
|
|
122
126
|
</script>
|
|
123
127
|
|
|
@@ -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-
|
|
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-
|
|
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
|
-
|
|
140
|
+
hideVideoDisplayPanel?: boolean
|
|
141
141
|
resizable?: boolean;
|
|
142
142
|
|
|
143
143
|
actions: VideoCallAction[];
|
|
@@ -17,7 +17,7 @@ type __VLS_Props = {
|
|
|
17
17
|
static?: boolean;
|
|
18
18
|
position?: 'left-bottom' | 'right-bottom' | 'center';
|
|
19
19
|
size?: ComponentSize;
|
|
20
|
-
|
|
20
|
+
hideVideoDisplayPanel?: boolean;
|
|
21
21
|
resizable?: boolean;
|
|
22
22
|
actions: VideoCallAction[];
|
|
23
23
|
username?: string;
|