@webitel/ui-sdk 26.2.113 → 26.2.114

package/dist/{wt-vidstack-player-DZJeRrHv.js → wt-vidstack-player-eM0NjopU.js}

@@ -1,5 +1,5 @@
 import { defineComponent as qe, createElementBlock as Ie, openBlock as gt, createVNode as ie, useTemplateRef as ha, inject as nn, onMounted as ca, onBeforeUnmount as ua, normalizeClass as Xs, unref as Js, createElementVNode as yt, createBlock as is, createCommentVNode as ve, toDisplayString as da, renderSlot as os, ref as Ci, provide as pa, computed as Pi, withCtx as xi } from "vue";
-import { R as fa, S as ma, T as ga, U as ya, P as Ce, _ as Oe, V as ba, C as at } from "./install-WElrGyXG.js";
+import { R as fa, S as ma, T as ga, U as ya, P as Ce, _ as Oe, V as ba, C as at } from "./install-oaxyJuzb.js";
 const dt = /* @__PURE__ */ Symbol(0);
 let ls = !1, Fs = !1, ot = null, ee = null, et = null, X = 0, te = [], Zs = {};
 const $a = () => {
@@ -3263,7 +3263,7 @@ class To {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-C_4jAdZN.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-DNWZXBiG.js")).AudioProvider(this.target, t);
   }
 }
 class di {
@@ -3276,7 +3276,7 @@ class di {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-DXm1kFwt.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-CnEJWJBm.js")).VideoProvider(this.target, t);
   }
 }
 class pi extends di {
@@ -3286,7 +3286,7 @@ class pi extends di {
     return pi.supported && De(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-D2MM01nC.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-BDoCXLGS.js")).HLSProvider(this.target, t);
   }
 }
 class fi extends di {
@@ -3296,7 +3296,7 @@ class fi extends di {
     return fi.supported && li(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-rflx8ZpW.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-fxUAiNxL.js")).DASHProvider(this.target, t);
   }
 }
 class So {
@@ -3318,7 +3318,7 @@ class So {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-BqAXVToL.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-CkW2M6pH.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: n, getVimeoVideoInfo: a } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -3350,7 +3350,7 @@ class ko {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-B9WwNdQK.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-COxHxfHB.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: n, resolveYouTubeVideoId: a } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = v(t.src) && a(t.src);
@@ -3818,7 +3818,7 @@ class Ao extends Qt {
         throw n.code = "CAST_NOT_AVAILABLE", n;
       }
       if (_e("https://www.gstatic.com"), !this.#$) {
-        const n = await import("./vidstack-D2pY00kU-DQTj_NFe.js").then((a) => a.v);
+        const n = await import("./vidstack-D2pY00kU-kmkAc5iq.js").then((a) => a.v);
         this.#$ = new n.GoogleCastLoader();
       }
       await this.#$.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -5511,7 +5511,7 @@ class Bo extends $(HTMLElement, Hn) {
     if (this.#e?.classList.contains("vds-google-cast"))
       return this.#e;
     const t = document.createElement("div");
-    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-B6qsyJor.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-BY6PdB7k.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }
@@ -10172,7 +10172,7 @@ const ic = /* @__PURE__ */ qe({
       ], 40, bc)
     ], 2));
   }
-}), vc = /* @__PURE__ */ Oe($c, [["__scopeId", "data-v-446cc716"]]), Oc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), vc = /* @__PURE__ */ Oe($c, [["__scopeId", "data-v-daac491c"]]), Oc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: vc
 }, Symbol.toStringTag, { value: "Module" }));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.2.113",
+	"version": "26.2.114",
 	"private": false,
 	"scripts": {
 		"make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run biome:format:all || true) && npm run publish-lib",

package/src/components/wt-button/wt-button.vue

@@ -167,19 +167,17 @@ watch(
 	position: relative;
 }
 
-.wt-button--with-badge {
-      overflow: visible;
+.p-button--with-badge {
+  overflow: visible;
 }
 
-.wt-button.p-button {
-  .wt-button__contents {
-	display: contents;
-  }
+.wt-button__contents {
+  display: contents;
+}
 
-  .wt-badge .wt-badge--absolute {
-	position: absolute;
-    top: 0;
-    right: 0;
-  }
+.wt-badge.wt-badge--absolute {
+  position: absolute;
+  top: 0;
+  right: 0;
 }
 </style>

package/src/components/wt-vidstack-player/wt-vidstack-player.vue

@@ -157,6 +157,16 @@ const onCanPlay = (ev: Event) => {
 
 <style scoped>
 .wt-vidstack-player {
+  /*
+    Shortened size tokens for player sizes border-radius:
+    --video-border-radius-* = size-specific radius values for video tag
+    --video-border-radius = final computed radius used by component
+  */
+  --video-border-radius-sm: var(--p-player-control-bar-sm-border-radius);
+  --video-border-radius-md: var(--p-player-control-bar-md-border-radius);
+  --video-border-radius-lg: var(--p-player-control-bar-lg-border-radius);
+  --video-border-radius-br: 0;
+
   width: 100%;
   max-width: 100%;
   height: 100%;
@@ -179,6 +189,8 @@ const onCanPlay = (ev: Event) => {
 }
 
 .wt-vidstack-player--sm {
+  --video-border-radius: var(--video-border-radius-sm);
+
   position: fixed;
   z-index: 10;
   right: var(--spacing-md);
@@ -198,6 +210,8 @@ const onCanPlay = (ev: Event) => {
 }
 
 .wt-vidstack-player--md {
+  --video-border-radius: var(--video-border-radius-md);
+
   overflow: hidden;
   flex: 0 0 auto;
   max-width: 100%;
@@ -254,6 +268,8 @@ const onCanPlay = (ev: Event) => {
 }
 
 .wt-vidstack-player--lg {
+  --video-border-radius: var(--video-border-radius-lg);
+
   z-index: 10;
   overflow: hidden;
   border-radius: var(--p-player-wrapper-lg-border-radius);
@@ -281,10 +297,6 @@ const onCanPlay = (ev: Event) => {
   flex: 0 0 auto;
 }
 
-.wt-vidstack-player--static .wt-vidstack-player__provider {
-  padding: 0;
-}
-
 .wt-vidstack-player--static .wt-vidstack-player__player {
   width: 100%;
   height: 100%;
@@ -298,6 +310,11 @@ const onCanPlay = (ev: Event) => {
   max-height: 100%;
 }
 
+.wt-vidstack-player--static .wt-vidstack-player__provider,
+.wt-vidstack-player--stretch .wt-vidstack-player__provider {
+  padding: 0;
+}
+
 .wt-vidstack-player--hide-background.wt-vidstack-player--md {
   z-index: calc(var(--p-galleria-mask-z-index) - 1);
   pointer-events: none;
@@ -309,20 +326,7 @@ const onCanPlay = (ev: Event) => {
   min-width: 0;
   height: 100%;
   background: var(--p-player-wrapper-background);
-  border: 1px solid transparent;
-  background-clip: padding-box;
-}
-
-.wt-vidstack-player--sm :deep(video) {
-  border-radius: var(--p-player-control-bar-sm-border-radius);
-}
-
-.wt-vidstack-player--md :deep(video) {
-  border-radius: var(--p-player-control-bar-md-border-radius);
-}
-
-.wt-vidstack-player--lg :deep(video) {
-  border-radius: var(--p-player-control-bar-lg-border-radius);
+  border-radius: var(--video-border-radius) var(--video-border-radius) 0 0;
 }
 
 .wt-vidstack-player-video-object-fit--cover :deep(video) {