@webitel/ui-sdk 25.10.70 → 25.10.72

package/dist/{vidstack-Bq6c3Bam-CWFzKZjp.js → vidstack-Bq6c3Bam-BsSUhxLm.js}

@@ -5,8 +5,8 @@ var ot = (n) => {
 var Xt = (n, t, s) => t in n ? Qt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
 var M = (n, t, s) => Xt(n, typeof t != "symbol" ? t + "" : t, s), X = (n, t, s) => t.has(n) || ot("Cannot " + s);
 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);
-import { y as Yt, x as ut, z as j, A as Zt, b as ti, E as nt, e as lt, B as _, C as ii, F as ei, d as si, G as ai, l as rt, H as dt, D as ni, L as Y, J as Z } from "./install-CjvoevkY.js";
-import { R as ri } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
+import { y as Yt, x as ut, z as j, A as Zt, b as ti, E as nt, e as lt, B as _, C as ii, F as ei, d as si, G as ai, l as rt, H as dt, D as ni, L as Y, J as Z } from "./install-DNvjuWQ0.js";
+import { R as ri } from "./vidstack-DqAw8m9J-jtS1xul0.js";
 let q = null, z = [], J = [];
 function ht() {
   return q ?? (q = new AudioContext());

package/dist/{vidstack-D2pY00kU-Dciejh67.js → vidstack-D2pY00kU-uz5v89FQ.js}

@@ -5,7 +5,7 @@ var w = (t) => {
 var P = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var u = (t, e, a) => P(t, typeof e != "symbol" ? e + "" : e, a), C = (t, e, a) => e.has(t) || w("Cannot " + a);
 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);
-import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-CjvoevkY.js";
+import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-DNvjuWQ0.js";
 function G() {
   return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
 }
@@ -94,7 +94,7 @@ class F {
   async load(e) {
     if (!c(this, n))
       throw Error("[vidstack] google cast player was not initialized");
-    return new (await import("./vidstack-google-cast-yIg-MfbM.js")).GoogleCastProvider(c(this, n), e);
+    return new (await import("./vidstack-google-cast-CFMJUhjn.js")).GoogleCastProvider(c(this, n), e);
   }
 }
 n = new WeakMap(), r = new WeakSet(), S = async function(e) {

package/dist/{vidstack-DDXt6fpN-BKvZvG7_.js → vidstack-DDXt6fpN-D-8VF1ea.js}

@@ -5,7 +5,7 @@ var g = (s) => {
 var w = (s, t, i) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
 var c = (s, t, i) => w(s, typeof t != "symbol" ? t + "" : t, i), h = (s, t, i) => t.has(s) || g("Cannot " + i);
 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);
-import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-CjvoevkY.js";
+import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-DNvjuWQ0.js";
 var r, o, b, m;
 class W {
   constructor(t) {

package/dist/{vidstack-D_-9AA6_-D8BoTZaT.js → vidstack-D_-9AA6_-Brg3sabu.js}

@@ -1,4 +1,4 @@
-import { c as d, a as i, I as l, e as m } from "./install-CjvoevkY.js";
+import { c as d, a as i, I as l, e as m } from "./install-DNvjuWQ0.js";
 const p = /* @__PURE__ */ i(
   '<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"></svg>'
 );

package/dist/{vidstack-DqAw8m9J-Dfgc_T0v.js → vidstack-DqAw8m9J-jtS1xul0.js}

@@ -3,7 +3,7 @@ var l = (i) => {
 };
 var c = (i, t, s) => t.has(i) || l("Cannot " + s);
 var r = (i, t, s) => (c(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) => (c(i, t, "write to private field"), f ? f.call(i, s) : t.set(i, s), s), m = (i, t, s) => (c(i, t, "access private method"), s);
-import { j as p, t as u } from "./install-CjvoevkY.js";
+import { j as p, t as u } from "./install-DNvjuWQ0.js";
 var o, a, n, d;
 class F {
   constructor(t) {

package/dist/{vidstack-audio-ShtBWti0.js → vidstack-audio-DBPBBF2S.js}

@@ -1,8 +1,8 @@
 var a = Object.defineProperty;
 var o = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
-import { s as p } from "./install-CjvoevkY.js";
-import { H as d, a as u } from "./vidstack-Bq6c3Bam-CWFzKZjp.js";
+import { s as p } from "./install-DNvjuWQ0.js";
+import { H as d, a as u } from "./vidstack-Bq6c3Bam-BsSUhxLm.js";
 class n extends d {
   constructor(t, s) {
     super(t, s);

package/dist/{vidstack-dash-_LMRaHVf.js → vidstack-dash-BnzWkd8U.js}

@@ -5,9 +5,9 @@ var Y = (n) => {
 var wt = (n, t, e) => t in n ? vt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var I = (n, t, e) => wt(n, typeof t != "symbol" ? t + "" : t, e), b = (n, t, e) => t.has(n) || Y("Cannot " + e);
 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);
-import { o as Et, b as _, p as Lt, d as At, Q as z, l as J, e as Dt, D as N, f as xt, g as O, T as Mt, L as q, q as Ct, r as Nt, t as Rt, h as Ft, j as Z, k as Pt, m as qt, n as _t } from "./install-CjvoevkY.js";
-import { VideoProvider as $t } from "./vidstack-video-Dp1ZjLt9.js";
-import { R as jt } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
+import { o as Et, b as _, p as Lt, d as At, Q as z, l as J, e as Dt, D as N, f as xt, g as O, T as Mt, L as q, q as Ct, r as Nt, t as Rt, h as Ft, j as Z, k as Pt, m as qt, n as _t } from "./install-DNvjuWQ0.js";
+import { VideoProvider as $t } from "./vidstack-video-Bf0QS0kJ.js";
+import { R as jt } from "./vidstack-DqAw8m9J-jtS1xul0.js";
 function W(n) {
   try {
     return new Intl.DisplayNames(navigator.languages, { type: "language" }).of(n) ?? null;

package/dist/{vidstack-google-cast-yIg-MfbM.js → vidstack-google-cast-CFMJUhjn.js}

@@ -5,9 +5,9 @@ var W = (d) => {
 var vt = (d, t, s) => t in d ? Lt(d, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[t] = s;
 var G = (d, t, s) => vt(d, typeof t != "symbol" ? t + "" : t, s), O = (d, t, s) => t.has(d) || W("Cannot " + s);
 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) ? W("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);
-import { y as St, K as L, U as Z, x as At, D as tt, d as V, l as et, e as It, V as bt, L as Rt } from "./install-CjvoevkY.js";
-import { R as wt } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
-import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-Dciejh67.js";
+import { y as St, K as L, U as Z, x as At, D as tt, d as V, l as et, e as It, V as bt, L as Rt } from "./install-DNvjuWQ0.js";
+import { R as wt } from "./vidstack-DqAw8m9J-jtS1xul0.js";
+import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-uz5v89FQ.js";
 var g, _, at;
 class _t {
   constructor(t) {

package/dist/{vidstack-hls-DLyeImmL.js → vidstack-hls-Cl5nfSHW.js}

@@ -5,9 +5,9 @@ var N = (n) => {
 var ot = (n, t, i) => t in n ? rt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
 var _ = (n, t, i) => ot(n, typeof t != "symbol" ? t + "" : t, i), R = (n, t, i) => t.has(n) || N("Cannot " + i);
 var e = (n, t, i) => (R(n, t, "read from private field"), i ? i.call(n) : t.get(n)), p = (n, t, i) => t.has(n) ? N("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, i), f = (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);
-import { i as ht, b as C, p as at, d as O, Q as V, l as j, e as dt, D as x, f as ut, T as ct, g as k, L as $, h as lt, j as q, k as pt, m as ft, n as vt } from "./install-CjvoevkY.js";
-import { VideoProvider as yt } from "./vidstack-video-Dp1ZjLt9.js";
-import { R as gt } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
+import { i as ht, b as C, p as at, d as O, Q as V, l as j, e as dt, D as x, f as ut, T as ct, g as k, L as $, h as lt, j as q, k as pt, m as ft, n as vt } from "./install-DNvjuWQ0.js";
+import { VideoProvider as yt } from "./vidstack-video-Bf0QS0kJ.js";
+import { R as gt } from "./vidstack-DqAw8m9J-jtS1xul0.js";
 const Lt = (n) => ut(n);
 var T, h, o, D, b, r, E, M, U, F, Q, K, W, B, J, X, Y, z, G, Z, tt;
 class St {

package/dist/{vidstack-video-Dp1ZjLt9.js → vidstack-video-Bf0QS0kJ.js}

@@ -5,8 +5,8 @@ var b = (i) => {
 var N = (i, t, e) => t in i ? $(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var m = (i, t, e) => N(i, typeof t != "symbol" ? t + "" : t, e), E = (i, t, e) => t.has(i) || b("Cannot " + e);
 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);
-import { s as U, u as V, v as A, w as q, x as C, l as F, D as Y, E as _, T as j, g as v } from "./install-CjvoevkY.js";
-import { H as z, a as B } from "./vidstack-Bq6c3Bam-CWFzKZjp.js";
+import { s as U, u as V, v as A, w as q, x as C, l as F, D as Y, E as _, T as j, g as v } from "./install-DNvjuWQ0.js";
+import { H as z, a as B } from "./vidstack-Bq6c3Bam-BsSUhxLm.js";
 var P, f, k, D, H;
 class G {
   constructor(t, e) {

package/dist/{vidstack-vimeo-I2_5Xgn3.js → vidstack-vimeo-CY0XizWQ.js}

@@ -5,9 +5,9 @@ var N = (r) => {
 var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
 var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), S = (r, c, e) => c.has(r) || N("Cannot " + e);
 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);
-import { y as fe, J as U, K as C, p as pe, e as q, d as Q, b as ye, M as _, L as R, l as be, N as ke, T as ve, Q as J } from "./install-CjvoevkY.js";
-import { R as me } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
-import { E as we } from "./vidstack-DDXt6fpN-BKvZvG7_.js";
+import { y as fe, J as U, K as C, p as pe, e as q, d as Q, b as ye, M as _, L as R, l as be, N as ke, T as ve, Q as J } from "./install-DNvjuWQ0.js";
+import { R as me } from "./vidstack-DqAw8m9J-jtS1xul0.js";
+import { E as we } from "./vidstack-DDXt6fpN-D-8VF1ea.js";
 import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
 const Ce = [
   "bufferend",

package/dist/{vidstack-youtube-B68cnZDv.js → vidstack-youtube-DZAaEhDj.js}

@@ -5,8 +5,8 @@ var B = (r) => {
 var N = (r, n, e) => n in r ? K(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
 var T = (r, n, e) => N(r, typeof n != "symbol" ? n + "" : n, e), R = (r, n, e) => n.has(r) || B("Cannot " + e);
 var s = (r, n, e) => (R(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) => (R(r, n, "write to private field"), t ? t.call(r, e) : n.set(r, e), e), o = (r, n, e) => (R(r, n, "access private method"), e);
-import { y as q, J as z, p as A, e as G, b as H, M as Q, K as C, O as W, t as $, P as X } from "./install-CjvoevkY.js";
-import { E as Z } from "./vidstack-DDXt6fpN-BKvZvG7_.js";
+import { y as q, J as z, p as A, e as G, b as H, M as Q, K as C, O as W, t as $, P as X } from "./install-DNvjuWQ0.js";
+import { E as Z } from "./vidstack-DDXt6fpN-D-8VF1ea.js";
 import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
 const b = {
   Ended: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.70",
+  "version": "25.10.72",
   "private": false,
   "scripts": {
     "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",

package/src/components/wt-navigation-bar/assets/dark/app-logo-dark-wfm.svg

@@ -0,0 +1,47 @@
+<svg width="80" height="16" viewBox="0 0 80 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_14446_7699)">
+<path d="M65.8376 1C66.0624 1 66.2708 1.12287 66.3864 1.32367L70.4512 8.38056C70.6998 8.81212 71.3002 8.81212 71.5488 8.38056L75.6136 1.32367C75.7292 1.12287 75.9376 1 76.1624 1H78.36C78.7135 1 79 1.29848 79 1.66667V14.3333C79 14.7015 78.7135 15 78.36 15L75.8 15C75.4465 15 75.16 14.7015 75.16 14.3333V10.6579C75.16 9.98807 74.3181 9.73655 73.9773 10.3045L72.148 13.3533C72.031 13.5483 71.8259 13.6667 71.6053 13.6667H70.3947C70.1741 13.6667 69.969 13.5483 69.852 13.3533L68.0227 10.3045C67.6819 9.73655 66.84 9.98807 66.84 10.6579V14.3333C66.84 14.7015 66.5535 15 66.2 15H63.64C63.2865 15 63 14.7015 63 14.3333V1.66667C63 1.29848 63.2865 1 63.64 1H65.8376Z" fill="#EBEDF2"/>
+<path d="M53.2353 14.3333C53.2353 14.7015 52.9193 15 52.5294 15H49.7059C49.316 15 49 14.7015 49 14.3333V1.66667C49 1.29848 49.316 1 49.7059 1H60.2941C60.684 1 61 1.29848 61 1.66667V3.66667C61 4.03486 60.684 4.33333 60.2941 4.33333H53.9412C53.5513 4.33333 53.2353 4.63181 53.2353 5V6.33333C53.2353 6.70152 53.5513 7 53.9412 7H58.8824C59.2722 7 59.5882 7.29848 59.5882 7.66667V9.66667C59.5882 10.0349 59.2722 10.3333 58.8824 10.3333H53.9412C53.5513 10.3333 53.2353 10.6318 53.2353 11V14.3333Z" fill="#EBEDF2"/>
+<path d="M33.9341 1.46673C34.0181 1.18896 34.2659 1 34.5461 1H37.4539C37.7341 1 37.9819 1.18896 38.0659 1.46673L40.0046 7.87482C40.1928 8.49689 41.04 8.49721 41.2286 7.87529L43.1726 1.46626C43.2568 1.18873 43.5045 1 43.7845 1H46.3579C46.7937 1 47.1026 1.44164 46.9682 1.87231L43.0152 14.539C42.9294 14.8138 42.683 15 42.4049 15H39.2527C38.9769 15 38.7319 14.8167 38.6443 14.5449L36.6084 8.22269C36.413 7.61587 35.587 7.61587 35.3916 8.22269L33.3557 14.5449C33.2681 14.8167 33.0231 15 32.7473 15H29.5951C29.317 15 29.0706 14.8138 28.9848 14.539L25.0318 1.87231C24.8974 1.44164 25.2063 1 25.6421 1H28.2155C28.4956 1 28.7432 1.18873 28.8274 1.46626L30.7714 7.87529C30.96 8.49721 31.8072 8.49689 31.9954 7.87482L33.9341 1.46673Z" fill="#EBEDF2"/>
+<path d="M8.31726 11.6156C7.13826 10.4515 7.13826 8.56412 8.31726 7.40002L8.5445 7.17566L10.9065 9.50781L8.5445 11.84L8.31726 11.6156Z" fill="#2AA012"/>
+<path d="M1.58702 10.9072C0.804325 10.1344 0.804325 8.88145 1.58702 8.10864L2.53183 7.17578L4.89383 9.50794L2.53183 11.8401L1.58702 10.9072Z" fill="#A07112"/>
+<path d="M17.0477 1.57961C16.265 0.806798 14.996 0.806798 14.2133 1.57961L13.2685 2.51247L15.6305 4.84462L17.9925 2.51247L17.0477 1.57961Z" fill="#3CE61A"/>
+<path d="M11.0351 1.57961C10.2524 0.806798 8.98336 0.806798 8.20066 1.57961L7.25586 2.51247L9.61787 4.84462L11.9799 2.51247L11.0351 1.57961Z" fill="#E6A21A"/>
+<path d="M8.54456 7.17578L10.9066 4.84363L13.2686 7.17578L10.9066 9.50794L8.54456 7.17578Z" fill="#30B814"/>
+<path d="M2.53186 7.17578L4.89387 4.84363L7.25587 7.17578L4.89387 9.50794L2.53186 7.17578Z" fill="#B88114"/>
+<path d="M10.9065 9.50781L13.2685 7.17566L15.6305 9.50781L13.2685 11.84L10.9065 9.50781Z" fill="#2AA112"/>
+<path d="M17.9926 11.8398L20.3546 9.50769L22.7166 11.8398L20.3546 14.172L17.9926 11.8398Z" fill="#248A0F"/>
+<path d="M8.54456 11.8398L10.9066 9.50769L13.2686 11.8398L10.9066 14.172L8.54456 11.8398Z" fill="#248A0F"/>
+<path d="M2.53186 11.8398L4.89387 9.50769L7.25587 11.8398L4.89387 14.172L2.53186 11.8398Z" fill="#8A610F"/>
+<path d="M20.3546 9.50781L22.7166 7.17566L25.0786 9.50781L22.7166 11.84L20.3546 9.50781Z" fill="#2AA112"/>
+<path d="M10.9065 4.84375L13.2685 2.5116L15.6305 4.84375L13.2685 7.1759L10.9065 4.84375Z" fill="#36CF17"/>
+<path d="M4.8938 4.84375L7.2558 2.5116L9.61781 4.84375L7.2558 7.1759L4.8938 4.84375Z" fill="#CF9117"/>
+<path d="M13.2686 7.17578L15.6306 4.84363L17.9926 7.17578L15.6306 9.50794L13.2686 7.17578Z" fill="#30B814"/>
+<path d="M15.6306 4.84375L17.9926 2.5116L20.3546 4.84375L17.9926 7.1759L15.6306 4.84375Z" fill="#36CE17"/>
+<path d="M15.6306 9.50781L17.9926 7.17566L20.3546 9.50781L17.9926 11.84L15.6306 9.50781Z" fill="#2AA112"/>
+<path d="M17.9926 7.17578L20.3546 4.84363L22.7166 7.17578L20.3546 9.50794L17.9926 7.17578Z" fill="#30B814"/>
+<path d="M13.2686 11.8398L15.6306 9.50769L17.9926 11.8398L15.6306 14.172L13.2686 11.8398Z" fill="#248A0F"/>
+<g filter="url(#filter0_d_14446_7699)">
+<path d="M10.9066 14.1727L14.2134 10.9077C14.9961 10.1349 16.2651 10.1349 17.0478 10.9077L20.3546 14.1727H10.9066Z" fill="url(#paint0_linear_14446_7699)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_14446_7699" x="8.90662" y="9.32812" width="13.448" height="7.84375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_14446_7699"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_14446_7699" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_14446_7699" x1="15.5356" y1="10.4041" x2="15.5356" y2="14.3619" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#D0D0D0"/>
+</linearGradient>
+<clipPath id="clip0_14446_7699">
+<rect width="80" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/components/wt-navigation-bar/assets/light/app-logo-light-wfm.svg

@@ -0,0 +1,47 @@
+<svg width="80" height="16" viewBox="0 0 80 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_14446_7650)">
+<path d="M65.8376 1C66.0624 1 66.2708 1.12287 66.3864 1.32367L70.4512 8.38056C70.6998 8.81212 71.3002 8.81212 71.5488 8.38056L75.6136 1.32367C75.7292 1.12287 75.9376 1 76.1624 1H78.36C78.7135 1 79 1.29848 79 1.66667V14.3333C79 14.7015 78.7135 15 78.36 15L75.8 15C75.4465 15 75.16 14.7015 75.16 14.3333V10.6579C75.16 9.98807 74.3181 9.73655 73.9773 10.3045L72.148 13.3533C72.031 13.5483 71.8259 13.6667 71.6053 13.6667H70.3947C70.1741 13.6667 69.969 13.5483 69.852 13.3533L68.0227 10.3045C67.6819 9.73655 66.84 9.98807 66.84 10.6579V14.3333C66.84 14.7015 66.5535 15 66.2 15H63.64C63.2865 15 63 14.7015 63 14.3333V1.66667C63 1.29848 63.2865 1 63.64 1H65.8376Z" fill="#313749"/>
+<path d="M53.2353 14.3333C53.2353 14.7015 52.9193 15 52.5294 15H49.7059C49.316 15 49 14.7015 49 14.3333V1.66667C49 1.29848 49.316 1 49.7059 1H60.2941C60.684 1 61 1.29848 61 1.66667V3.66667C61 4.03486 60.684 4.33333 60.2941 4.33333H53.9412C53.5513 4.33333 53.2353 4.63181 53.2353 5V6.33333C53.2353 6.70152 53.5513 7 53.9412 7H58.8824C59.2722 7 59.5882 7.29848 59.5882 7.66667V9.66667C59.5882 10.0349 59.2722 10.3333 58.8824 10.3333H53.9412C53.5513 10.3333 53.2353 10.6318 53.2353 11V14.3333Z" fill="#313749"/>
+<path d="M33.9341 1.46673C34.0181 1.18896 34.2659 1 34.5461 1H37.4539C37.7341 1 37.9819 1.18896 38.0659 1.46673L40.0046 7.87482C40.1928 8.49689 41.04 8.49721 41.2286 7.87529L43.1726 1.46626C43.2568 1.18873 43.5045 1 43.7845 1H46.3579C46.7937 1 47.1026 1.44164 46.9682 1.87231L43.0152 14.539C42.9294 14.8138 42.683 15 42.4049 15H39.2527C38.9769 15 38.7319 14.8167 38.6443 14.5449L36.6084 8.22269C36.413 7.61587 35.587 7.61587 35.3916 8.22269L33.3557 14.5449C33.2681 14.8167 33.0231 15 32.7473 15H29.5951C29.317 15 29.0706 14.8138 28.9848 14.539L25.0318 1.87231C24.8974 1.44164 25.2063 1 25.6421 1H28.2155C28.4956 1 28.7432 1.18873 28.8274 1.46626L30.7714 7.87529C30.96 8.49721 31.8072 8.49689 31.9954 7.87482L33.9341 1.46673Z" fill="#313749"/>
+<path d="M8.31726 11.6156C7.13826 10.4515 7.13826 8.56412 8.31726 7.40002L8.5445 7.17566L10.9065 9.50781L8.5445 11.84L8.31726 11.6156Z" fill="#2AA012"/>
+<path d="M1.58702 10.9072C0.804325 10.1344 0.804325 8.88145 1.58702 8.10864L2.53183 7.17578L4.89383 9.50794L2.53183 11.8401L1.58702 10.9072Z" fill="#A07112"/>
+<path d="M17.0478 1.57961C16.2651 0.806798 14.9961 0.806798 14.2134 1.57961L13.2686 2.51247L15.6306 4.84462L17.9926 2.51247L17.0478 1.57961Z" fill="#3CE61A"/>
+<path d="M11.0351 1.57961C10.2524 0.806798 8.98336 0.806798 8.20066 1.57961L7.25586 2.51247L9.61787 4.84462L11.9799 2.51247L11.0351 1.57961Z" fill="#E6A21A"/>
+<path d="M8.54456 7.17578L10.9066 4.84363L13.2686 7.17578L10.9066 9.50794L8.54456 7.17578Z" fill="#30B814"/>
+<path d="M2.53186 7.17578L4.89387 4.84363L7.25587 7.17578L4.89387 9.50794L2.53186 7.17578Z" fill="#B88114"/>
+<path d="M10.9065 9.50781L13.2685 7.17566L15.6305 9.50781L13.2685 11.84L10.9065 9.50781Z" fill="#2AA112"/>
+<path d="M17.9926 11.8398L20.3546 9.50769L22.7166 11.8398L20.3546 14.172L17.9926 11.8398Z" fill="#248A0F"/>
+<path d="M8.54456 11.8398L10.9066 9.50769L13.2686 11.8398L10.9066 14.172L8.54456 11.8398Z" fill="#248A0F"/>
+<path d="M2.53186 11.8398L4.89387 9.50769L7.25587 11.8398L4.89387 14.172L2.53186 11.8398Z" fill="#8A610F"/>
+<path d="M20.3546 9.50781L22.7166 7.17566L25.0786 9.50781L22.7166 11.84L20.3546 9.50781Z" fill="#2AA112"/>
+<path d="M10.9065 4.84375L13.2685 2.5116L15.6305 4.84375L13.2685 7.1759L10.9065 4.84375Z" fill="#36CF17"/>
+<path d="M4.8938 4.84375L7.2558 2.5116L9.61781 4.84375L7.2558 7.1759L4.8938 4.84375Z" fill="#CF9117"/>
+<path d="M13.2686 7.17578L15.6306 4.84363L17.9926 7.17578L15.6306 9.50794L13.2686 7.17578Z" fill="#30B814"/>
+<path d="M15.6306 4.84375L17.9926 2.5116L20.3546 4.84375L17.9926 7.1759L15.6306 4.84375Z" fill="#36CE17"/>
+<path d="M15.6306 9.50781L17.9926 7.17566L20.3546 9.50781L17.9926 11.84L15.6306 9.50781Z" fill="#2AA112"/>
+<path d="M17.9926 7.17578L20.3546 4.84363L22.7166 7.17578L20.3546 9.50794L17.9926 7.17578Z" fill="#30B814"/>
+<path d="M13.2686 11.8398L15.6306 9.50769L17.9926 11.8398L15.6306 14.172L13.2686 11.8398Z" fill="#248A0F"/>
+<g filter="url(#filter0_d_14446_7650)">
+<path d="M10.9066 14.1727L14.2134 10.9077C14.9961 10.1349 16.2651 10.1349 17.0478 10.9077L20.3546 14.1727H10.9066Z" fill="url(#paint0_linear_14446_7650)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_14446_7650" x="8.90662" y="9.32812" width="13.448" height="7.84375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_14446_7650"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_14446_7650" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_14446_7650" x1="15.5356" y1="10.4041" x2="15.5356" y2="14.3619" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#D0D0D0"/>
+</linearGradient>
+<clipPath id="clip0_14446_7650">
+<rect width="80" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/components/wt-navigation-bar/wt-navigation-bar.vue

@@ -116,12 +116,14 @@ import AuditDark from './assets/dark/app-logo-dark-audit.svg';
 import CrmDark from './assets/dark/app-logo-dark-crm.svg';
 import HistoryDark from './assets/dark/app-logo-dark-history.svg';
 import SupervisorDark from './assets/dark/app-logo-dark-supervisor.svg';
+import WfmDark from './assets/dark/app-logo-dark-wfm.svg';
 import WorkspaceDark from './assets/dark/app-logo-dark-workspace.svg';
 import AdminLight from './assets/light/app-logo-light-admin.svg';
 import AuditLight from './assets/light/app-logo-light-audit.svg';
 import CrmLight from './assets/light/app-logo-light-crm.svg';
 import HistoryLight from './assets/light/app-logo-light-history.svg';
 import SupervisorLight from './assets/light/app-logo-light-supervisor.svg';
+import WfmLight from './assets/light/app-logo-light-wfm.svg';
 import WorkspaceLight from './assets/light/app-logo-light-workspace.svg';
 import { WtNavigationBarNavItem } from './types/WtNavigationBar';
 
@@ -150,9 +152,9 @@ const appLogo = {
     dark: CrmDark,
     light: CrmLight,
   },
-  [WebitelApplications.Wfm]: {
-    dark: CrmDark,   // TODO Mock logo from crm for wfm
-    light: CrmLight, // TODO Mock logo from crm for wfm
+  [WebitelApplications.WFM]: {
+    dark: WfmDark,
+    light: WfmLight,
   },
 };
 

package/src/components/wt-vidstack-player/components/layouts/video-layout.vue

@@ -17,7 +17,13 @@
     </template>
 
     <template v-if="props.mode === 'stream'">
-      <screen-sharing-control-panel :session="props.session" @close-session="emit('close-session')" />
+      <screen-sharing-control-panel
+        :session="props.session"
+        :screenshot-status="props.screenshotStatus"
+        @close-session="emit('close-session')"
+        @make-screenshot="emit('make-screenshot')"
+        @toggle-record="emit('toggle-record')"
+      />
     </template>
   </media-controls>
 </template>
@@ -26,6 +32,7 @@
 import {defineEmits, inject} from "vue";
 
 import WtLoader from "../../../wt-loader/wt-loader.vue";
+import {ScreenshotStatus} from "../../types/ScreenshotStatus";
 import {WtVidstakPlayerControlsMode} from "../../types/WtVidstackPlayerControlsMode";
 import {WtVidstackPlayerSession} from "../../types/WtVidstackPlayerSession";
 import MediaControlPanel from "../panels/media-control-panel/media-control-panel.vue";
@@ -40,38 +47,28 @@ const props = defineProps<{
   closable?: boolean;
   mode: WtVidstakPlayerControlsMode;
   session: WtVidstackPlayerSession
+  screenshotStatus: ScreenshotStatus
 }>();
 
 const emit = defineEmits<{
   'close-player': [],
   'close-session': [],
+  'make-screenshot': [],
+  'toggle-record': [],
 }>();
 </script>
 
 <style scoped lang="scss">
 .video-layout {
-
-  .video-display-panel {
-    :deep(.video-display-panel__controls) { // hide panel buttons
-      opacity: 0;
-      transition: all var(--transition) ease-out;
-    }
-  }
-
   &--sm {
     border-radius: var(--p-player-wrapper-sm-border-radius);
   }
 
   &--md {
-    //border-radius: var(--p-player-wrapper-md-border-radius);
-
     .media-control-panel {
-      margin: var(--p-player-control-bar-md-padding);
-      width: calc(100% - (var(--p-player-control-bar-md-padding) * 2));
       border-radius: var(--p-player-control-bar-md-border-radius);
     }
   }
-
 }
 
 .controls {
@@ -90,22 +87,6 @@ const emit = defineEmits<{
   display: flex;
   align-items: center;
   width: 100%;
-  opacity: 0;
-  transition: all var(--transition) ease-in-out;
-}
-
-media-player[data-hocus] { // hover or focus within https://vidstack.io/docs/wc/player/components/core/player/?styling=css#player.attrs
-  .controls-group {
-    opacity: 1;
-  }
-
-  .video-display-panel {
-    background: var(--p-player-head-line-hover-background);
-
-    :deep(.video-display-panel__controls) { // show panel buttons on hover
-      opacity: 1;
-    }
-  }
 }
 
 .wt-loader {

package/src/components/wt-vidstack-player/components/panels/media-control-panel/components/buttons/play-button.vue

@@ -1,12 +1,33 @@
 <template>
   <media-play-button class="play-button">
-    <wt-icon-btn icon="play" type="play" class="play-button__play-icon" />
-    <wt-icon-btn icon="pause" type="pause" class="play-button__pause-icon" />
+    <wt-button
+      :size="size"
+      variant="outlined"
+      color="secondary"
+      icon="play"
+      type="play"
+      rounded
+      contains-icon
+      class="play-button__play-icon"
+    />
+
+    <wt-button
+      :size="size"
+      variant="outlined"
+      color="secondary"
+      icon="pause"
+      type="pause"
+      rounded
+      contains-icon
+      class="play-button__pause-icon"
+    />
   </media-play-button>
 </template>
 
 <script setup lang="ts">
-import WtIconBtn from "../../../../../../wt-icon-btn/wt-icon-btn.vue";
+import {inject} from "vue";
+
+const {size} = inject('size');
 </script>
 
 <style scoped>

package/src/components/wt-vidstack-player/components/panels/media-control-panel/media-control-panel.vue

@@ -3,9 +3,11 @@
     class="media-control-panel controls-group"
     :class="`media-control-panel--${size}`"
   >
-    <play-button />
-    <time-slider />
-    <time-group />
+    <div class="media-control-panel__actions">
+      <play-button />
+      <time-slider />
+      <time-group />
+    </div>
   </media-controls-group>
 </template>
 
@@ -22,13 +24,24 @@ const { size } = inject('size');
 
 <style scoped lang="scss">
 .media-control-panel {
-  padding: var(--p-player-control-bar-sm-padding);
-  background-color: var(--p-player-control-bar-background);
-  gap: var(--p-player-control-bar-sm-gap);
+  display: flex;
+  justify-content: center;
 
-  &--md {
-    padding: var(--p-player-control-bar-md-padding);
-    gap: var(--p-player-control-bar-md-gap);
+  &--sm {
+    .media-control-panel__actions {
+      border-top-left-radius: 0 !important;
+      border-top-right-radius: 0 !important;
+      gap: calc(var(--p-player-control-bar-sm-gap) * 2);
+    }
+  }
+
+  &__actions {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--p-player-control-bar-background);
+    box-shadow: var(--elevation-10);
   }
 }
 </style>

package/src/components/wt-vidstack-player/components/panels/screen-sharing-control-panel/screen-sharing-control-panel.vue

@@ -1,5 +1,8 @@
 <template>
-  <media-controls-group class="screen-sharing-control-panel" :class="`screen-sharing-control-panel--${size}`">
+  <media-controls-group
+    class="screen-sharing-control-panel controls-group"
+    :class="`screen-sharing-control-panel--${size}`"
+  >
     <div
       class="screen-sharing-control-panel__actions"
     >
@@ -10,7 +13,7 @@
         color="secondary"
         :size="size"
         :icon="screenShotIcon"
-        @click="makeScreenshot"
+        @click="emit('make-screenshot')"
       />
 
       <wt-button
@@ -20,7 +23,7 @@
         color="secondary"
         :size="size"
         :icon="recordIcon"
-        @click="toggleRecordAction"
+        @click="emit('toggle-record')"
       />
 
       <wt-button
@@ -52,25 +55,28 @@
 import convertDuration from '@webitel/ui-sdk/src/scripts/convertDuration';
 import {computed, defineEmits, inject, onUnmounted, ref, watch} from 'vue';
 
+import {ScreenshotStatus} from "../../../types/ScreenshotStatus";
 import {WtVidstackPlayerSession} from "../../../types/WtVidstackPlayerSession";
 
-type ScreenshotStatus = 'done' | 'error'
-
 interface Props {
   session: WtVidstackPlayerSession
+  screenshotStatus: ScreenshotStatus | null
 }
+
 const props = defineProps<Props>();
 
 const emit = defineEmits<{
   'close-session': [],
+  'make-screenshot': [],
+  'toggle-record': [],
 }>()
 
 const {size} = inject('size');
-const screenshotStatus = ref<ScreenshotStatus | null>(null)
 
 const recordIcon = computed(() => (props.session.recordings ? 'record-stop' : 'record-start'));
-const getScreenshotIcon = (status?: ScreenshotStatus) => {
-  switch (status) {
+
+const screenShotIcon = computed(() => {
+  switch (props.screenshotStatus) {
     case 'done':
       return 'screenshot-done';
     case 'error':
@@ -78,9 +84,7 @@ const getScreenshotIcon = (status?: ScreenshotStatus) => {
     default:
       return 'screenshot';
   }
-}
-
-const screenShotIcon = computed(() => getScreenshotIcon(screenshotStatus.value));
+});
 const isRecording = computed(() => props.session.recordings);
 
 const secondsElapsed = ref(0);
@@ -101,32 +105,7 @@ function stopTimer() {
   }
 }
 
-const toggleRecordAction = () => {
-  if (isRecording.value) {
-    props.session.stopRecord();
-  } else {
-    props.session.startRecord();
-  }
-};
-
-const makeScreenshot = async () => {
-  try {
-    await props.session.screenshot()
-    changeScreenshotStatus('done')
-  } catch {
-    changeScreenshotStatus('error')
-  }
-};
-
-const changeScreenshotStatus = (status: ScreenshotStatus) => {
-  screenshotStatus.value = status;
-  setTimeout(() => {
-    screenshotStatus.value = null;
-  }, 2000);
-}
-
 const closeSession = () => {
-  props.session.close()
   emit('close-session')
 };
 
@@ -152,8 +131,6 @@ watch(isRecording, (newVal) => {
   justify-content: center;
 
   &--sm {
-    padding: var(--p-player-control-bar-position-padding-sm);
-
     .screen-sharing-control-panel__actions {
       width: 100%;
       border-top-left-radius: 0 !important;
@@ -167,8 +144,6 @@ watch(isRecording, (newVal) => {
   }
 
   &--md {
-    padding: var(--p-player-control-bar-position-padding-md);
-
     .screen-sharing-control-panel__indicator {
       right: var(--p-player-counter-position-padding-md);
       bottom: var(--p-player-counter-position-padding-md);
@@ -176,8 +151,6 @@ watch(isRecording, (newVal) => {
   }
 
   &--lg {
-    padding: var(--p-player-control-bar-position-padding-lg);
-
     .screen-sharing-control-panel__indicator {
       right: var(--p-player-counter-position-padding-lg);
       bottom: var(--p-player-counter-position-padding-lg);

package/src/components/wt-vidstack-player/components/panels/video-display-panel/video-display-panel.vue

@@ -15,16 +15,16 @@
       </span>
     </div>
     <div class="video-display-panel__controls">
+      <fullscreen-button
+        @toggle="handleFullscreen"
+      />
       <toggle-button
         v-if="size !== ComponentSize.LG"
-        primary-icon="collapse"
-        secondary-icon="expand"
+        primary-icon="expand"
+        secondary-icon="collapse"
         color="on-dark"
         @toggle="handlePlayerSize"
       />
-      <fullscreen-button
-        @toggle="handleFullscreen"
-      />
       <wt-icon-btn
         v-if="props.closable"
         icon="close"
@@ -73,11 +73,10 @@ const handlePlayerSize = (value: boolean) => {
   display: flex;
   justify-content: space-between;
   padding: var(--p-player-headline-sm-padding);
-  background: var(--p-player-head-line-background);
+  background: var(--p-player-head-line-hover-background);
   color: var(--p-player-head-line-color);
   transition: all var(--transition) ease-in-out;
   backdrop-filter: blur(var(--p-player-head-line-blur));
-  opacity: 0;
 
   &__title {
     @extend %typo-body-1-bold;

package/src/components/wt-vidstack-player/types/ScreenshotStatus.ts

@@ -0,0 +1 @@
+export type ScreenshotStatus = 'done' | 'error';