@webitel/ui-sdk 25.12.40 → 25.12.41

package/dist/{install-DGNb9nVr.js → install-B4Nk3OEz.js}

@@ -57503,7 +57503,7 @@ const uge = /* @__PURE__ */ Ze(dge, [["render", pge], ["__scopeId", "data-v-9b7e
     }, l = o, s = n, d = sb(), p = Re(!1), u = Re(null);
     (async () => {
       try {
-        const w = await import("./vuex.esm-bundler-VVqVSpHV.js");
+        const w = await import("./vuex.esm-bundler-GW6Qg-nV.js");
         u.value = w.useStore();
       } catch {
         u.value = null;
@@ -66117,7 +66117,7 @@ const fwe = /* @__PURE__ */ Ze(lwe, [["render", uwe], ["__scopeId", "data-v-d8a8
         "fullscreen"
       ], n = this.hideDuration ? o.filter((a) => a !== "duration") : o;
       this.download && n.push("download");
-      const i = (await import("./plyr-ByorDhcr.js")).default;
+      const i = (await import("./plyr-KaDfMO3z.js")).default;
       this.player = new i(this.$refs.player, {
         autoplay: this.autoplay,
         loadSprite: !1,
@@ -76661,7 +76661,7 @@ class ZAe {
     return "audio";
   }
   async load(n) {
-    return new (await import("./vidstack-audio-BIY4ys0T.js")).AudioProvider(this.target, n);
+    return new (await import("./vidstack-audio-CP2NCp0l.js")).AudioProvider(this.target, n);
   }
 }
 class DC {
@@ -76676,7 +76676,7 @@ class DC {
     return "video";
   }
   async load(n) {
-    return new (await import("./vidstack-video-Dxw2U6Fe.js")).VideoProvider(this.target, n);
+    return new (await import("./vidstack-video-1yX47WpZ.js")).VideoProvider(this.target, n);
   }
 }
 const P3 = class P3 extends DC {
@@ -76688,7 +76688,7 @@ const P3 = class P3 extends DC {
     return P3.supported && ih(i);
   }
   async load(i) {
-    return new (await import("./vidstack-hls-BbnSLJID.js")).HLSProvider(this.target, i);
+    return new (await import("./vidstack-hls-CmjSG0jl.js")).HLSProvider(this.target, i);
   }
 };
 Q(P3, "supported", AC());
@@ -76702,7 +76702,7 @@ const B3 = class B3 extends DC {
     return B3.supported && TC(i);
   }
   async load(i) {
-    return new (await import("./vidstack-dash-HCChLXEY.js")).DASHProvider(this.target, i);
+    return new (await import("./vidstack-dash-D2mGrqE7.js")).DASHProvider(this.target, i);
   }
 };
 Q(B3, "supported", HSe());
@@ -76728,7 +76728,7 @@ class XAe {
     return "video";
   }
   async load(n) {
-    return new (await import("./vidstack-vimeo-G_rdpj4P.js")).VimeoProvider(this.target, n);
+    return new (await import("./vidstack-vimeo-CHLHywMZ.js")).VimeoProvider(this.target, n);
   }
   async loadPoster(n, i, a) {
     const { resolveVimeoVideoId: l, getVimeoVideoInfo: s } = await import("./vidstack-krOAtKMi-B4IZWKdc.js");
@@ -76762,7 +76762,7 @@ class QAe {
     return "video";
   }
   async load(n) {
-    return new (await import("./vidstack-youtube-Csh5czsD.js")).YouTubeProvider(this.target, n);
+    return new (await import("./vidstack-youtube-DT3G83C6.js")).YouTubeProvider(this.target, n);
   }
   async loadPoster(n, i, a) {
     const { findYouTubePoster: l, resolveYouTubeVideoId: s } = await import("./vidstack-Dm1xEU9Q-qSXq3AI-.js"), d = Ft(n.src) && s(n.src);
@@ -77182,7 +77182,7 @@ class nTe extends Fp {
         throw s.code = "CAST_NOT_AVAILABLE", s;
       }
       if (ah("https://www.gstatic.com"), !v(this, Dc)) {
-        const s = await import("./vidstack-D2pY00kU-Ws1Jvjkb.js").then((d) => d.v);
+        const s = await import("./vidstack-D2pY00kU-BDY1tl0N.js").then((d) => d.v);
         Y(this, Dc, new s.GoogleCastLoader());
       }
       await v(this, Dc).prompt(v(this, Dl)), i && v(this, Rt).queue.enqueue("media-google-cast-request", i);
@@ -78903,7 +78903,7 @@ Pl = new WeakMap(), ti = new WeakMap(), Fi = new WeakMap(), pl = new WeakSet(),
   if ((a = v(this, ti)) != null && a.classList.contains("vds-google-cast"))
     return v(this, ti);
   const i = document.createElement("div");
-  return i.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-DLAWXBQ4.js").then(({ insertContent: l }) => {
+  return i.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-Doy3hgnN.js").then(({ insertContent: l }) => {
     l(i, v(this, Pl).$state);
   }), i;
 }, Q(XM, "tagName", "media-provider");
@@ -83329,57 +83329,58 @@ const pEe = /* @__PURE__ */ Bt({
   },
   emits: ["close"],
   setup(o, { emit: n }) {
-    const { size: i, changeSize: a } = Vf("size"), l = o, s = n, d = (b) => {
-      b ? i.value !== Xt.LG && a(Xt.LG) : i.value === Xt.LG && (u(), a(Xt.SM));
-    }, p = () => {
-      i.value === Xt.SM ? a(Xt.MD) : i.value === Xt.MD ? a(Xt.SM) : i.value === Xt.LG && (u(), a(Xt.MD));
+    const { size: i, fullscreen: a, changeSize: l } = Vf("size"), s = o, d = n, p = (g) => {
+      g ? i.value !== Xt.LG && (a.value = !0, l(Xt.LG)) : i.value === Xt.LG && (h(), a.value = !1, l(Xt.SM));
     }, u = () => {
+      i.value === Xt.SM ? l(Xt.MD) : i.value === Xt.MD ? l(Xt.SM) : i.value === Xt.LG && (h(), a.value = !1, l(Xt.MD));
+    }, h = () => {
       document.fullscreenElement && document.exitFullscreen();
-    }, h = (b) => {
-      b.key === "Escape" && d(!1);
+    }, b = (g) => {
+      g.key === "Escape" && p(!1);
     };
     return Go(() => {
       document.addEventListener("fullscreenchange", () => {
-        document.fullscreenElement || d(!1);
+        document.fullscreenElement || p(!1);
       }), lb(() => {
-        document.removeEventListener("keyup", h);
+        document.removeEventListener("keyup", b);
       });
-    }), (b, g) => (k(), L("media-controls-group", {
+    }), (g, y) => (k(), L("media-controls-group", {
       class: Ie(["video-display-panel controls-group", `video-display-panel--${ae(i)}`])
     }, [
       U("div", bEe, [
-        l.username ? (k(), J(n$, {
+        s.username ? (k(), J(n$, {
           key: 0,
-          username: l.username,
+          username: s.username,
           size: "sm",
           class: "video-display-panel__avatar"
         }, null, 8, ["username"])) : F("", !0),
-        U("span", gEe, Se(l.title || l.username), 1)
+        U("span", gEe, Se(s.title || s.username), 1)
       ]),
       U("div", yEe, [
-        ke(uEe, { onToggle: d }),
+        ke(uEe, { onToggle: p }),
         ke(mEe, {
           "primary-icon": "expand",
           "secondary-icon": "collapse",
           color: "on-dark",
-          onToggle: p
+          onToggle: u
         }),
-        l.closable ? (k(), J(kp, {
+        s.closable ? (k(), J(kp, {
           key: 0,
           icon: "close",
           color: "on-dark",
-          onClick: g[0] || (g[0] = (y) => s("close"))
+          onClick: y[0] || (y[0] = (w) => d("close"))
         })) : F("", !0)
       ])
     ], 2));
   }
-}), wEe = /* @__PURE__ */ Ze(vEe, [["__scopeId", "data-v-ebf08d1a"]]), CEe = /* @__PURE__ */ Bt({
+}), wEe = /* @__PURE__ */ Ze(vEe, [["__scopeId", "data-v-36942ac3"]]), CEe = /* @__PURE__ */ Bt({
   __name: "video-layout",
   props: {
     title: {},
     username: {},
     closable: { type: Boolean },
-    hideDisplayPanel: { type: Boolean }
+    hideHeader: { type: Boolean },
+    hideControlsPanel: { type: Boolean }
   },
   emits: ["close-player", "close-session", "make-screenshot", "toggle-record"],
   setup(o, { emit: n }) {
@@ -83388,7 +83389,7 @@ const pEe = /* @__PURE__ */ Bt({
       class: Ie(["video-layout controls", `video-layout--${ae(i)}`])
     }, [
       ke(wEe, {
-        class: Ie({ "video-display-panel--hidden": a.hideDisplayPanel }),
+        class: Ie({ "video-display-panel--hidden": a.hideHeader }),
         title: a.title,
         username: a.username,
         closable: a.closable,
@@ -83397,12 +83398,12 @@ const pEe = /* @__PURE__ */ Bt({
       U("media-controls-group", null, [
         Z(s.$slots, "content", {}, void 0, !0)
       ]),
-      Z(s.$slots, "controls-panel", {}, () => [
+      a.hideControlsPanel ? F("", !0) : Z(s.$slots, "controls-panel", { key: 0 }, () => [
         d[1] || (d[1] = U("media-controls-panel", null, null, -1))
       ], !0)
     ], 2));
   }
-}), kEe = /* @__PURE__ */ Ze(CEe, [["__scopeId", "data-v-13983d76"]]), xEe = ["src", "autoplay", "muted"], IEe = /* @__PURE__ */ Bt({
+}), kEe = /* @__PURE__ */ Ze(CEe, [["__scopeId", "data-v-38ab9df6"]]), xEe = ["src", "autoplay", "muted"], IEe = /* @__PURE__ */ Bt({
   __name: "wt-vidstack-player",
   props: {
     src: {},
@@ -83416,32 +83417,34 @@ const pEe = /* @__PURE__ */ Bt({
     static: { type: Boolean, default: !1 },
     stream: {},
     size: {},
-    hideDisplayPanel: { type: Boolean },
+    hideHeader: { type: Boolean },
+    hideControlsPanel: { type: Boolean },
     hideBackground: { type: Boolean }
   },
   emits: ["close", "change-size"],
   setup(o, { emit: n }) {
-    const i = o, a = n, l = ts("player"), s = Re(i.size || Xt.SM), d = (h) => {
-      s.value = h;
+    const i = o, a = n, l = ts("player"), s = Re(i.size || Xt.SM), d = Re(!1), p = (b) => {
+      s.value = b;
     };
-    XH("size", { size: s, changeSize: d });
-    const p = ye(() => {
+    XH("size", { size: s, fullscreen: d, changeSize: p });
+    const u = ye(() => {
       if (i.mime) return i.mime;
       if (typeof i.src == "string") {
         if (i.src.includes("media") || i.src.includes("mp3")) return "audio/mp3";
         if (i.src.includes("ogg") || i.src.includes("oga")) return "audio/ogg";
       }
       return "video/mp4";
-    }), u = ye(() => {
-      var h, b;
-      return i.stream ? { src: i.stream, type: "video/object" } : typeof i.src == "string" ? { src: i.src, type: p.value } : {
-        src: ((h = i.src) == null ? void 0 : h.src) || "",
-        type: ((b = i.src) == null ? void 0 : b.type) || p.value
+    }), h = ye(() => {
+      var b, g;
+      return i.stream ? { src: i.stream, type: "video/object" } : typeof i.src == "string" ? { src: i.src, type: u.value } : {
+        src: ((b = i.src) == null ? void 0 : b.src) || "",
+        type: ((g = i.src) == null ? void 0 : g.type) || u.value
       };
     });
-    return (h, b) => (k(), L("div", {
+    return (b, g) => (k(), L("div", {
       class: Ie(["wt-vidstack-player", [
-        i.resizable && `wt-vidstack-player--${s.value}`,
+        `wt-vidstack-player--${s.value}`,
+        d.value && "wt-vidstack-player--fullscreen",
         i.static && "wt-vidstack-player--static",
         i.hideBackground && "wt-vidstack-player--hide-background"
       ]])
@@ -83449,37 +83452,37 @@ const pEe = /* @__PURE__ */ Bt({
       U("media-player", {
         ref_key: "player",
         ref: l,
-        src: u.value,
+        src: h.value,
         autoplay: i.autoplay,
         muted: i.muted,
         class: "wt-vidstack-player__player",
         "cross-origin": "",
         "plays-inline": "",
-        onClose: b[1] || (b[1] = (g) => a("close")),
-        onChangeSize: d
+        onClose: g[1] || (g[1] = (y) => a("close")),
+        onChangeSize: p
       }, [
-        b[2] || (b[2] = U("media-provider", { class: "wt-vidstack-player__provider" }, null, -1)),
-        i.resizable ? (k(), J(ae(kEe), {
-          key: 0,
-          "hide-display-panel": i.hideDisplayPanel,
+        g[2] || (g[2] = U("media-provider", { class: "wt-vidstack-player__provider" }, null, -1)),
+        ke(ae(kEe), {
+          "hide-header": i.hideHeader,
+          "hide-controls-panel": i.hideControlsPanel,
           closable: i.closable,
           autoplay: i.autoplay,
           title: i.title,
           username: i.username,
-          onClosePlayer: b[0] || (b[0] = (g) => a("close"))
+          onClosePlayer: g[0] || (g[0] = (y) => a("close"))
         }, {
           "controls-panel": re(() => [
-            Z(h.$slots, "controls-panel", { size: s.value }, void 0, !0)
+            Z(b.$slots, "controls-panel", { size: s.value }, void 0, !0)
           ]),
           content: re(() => [
-            Z(h.$slots, "content", { size: s.value }, void 0, !0)
+            Z(b.$slots, "content", { size: s.value }, void 0, !0)
           ]),
           _: 3
-        }, 8, ["hide-display-panel", "closable", "autoplay", "title", "username"])) : F("", !0)
+        }, 8, ["hide-header", "hide-controls-panel", "closable", "autoplay", "title", "username"])
       ], 40, xEe)
     ], 2));
   }
-}), SEe = /* @__PURE__ */ Ze(IEe, [["__scopeId", "data-v-21276592"]]), GE = {
+}), SEe = /* @__PURE__ */ Ze(IEe, [["__scopeId", "data-v-b64a3f5e"]]), GE = {
   WtActionBar: m5e,
   WtImage: g$,
   WtEmpty: C6e,
@@ -111267,7 +111270,9 @@ const hXe = {
     sm: {
       borderRadius: "{border-radius.lg}",
       width: "256px",
-      height: "201px"
+      height: "201px",
+      aspectRatio: 256 / 201
+      // aspect ratio of width / height, need for css
     },
     md: {
       borderRadius: "{border-radius.xl}",
@@ -111275,7 +111280,7 @@ const hXe = {
       height: "494px"
     },
     lg: {
-      borderRadius: "{border-radius.none}",
+      borderRadius: "{border-radius.xl}",
       width: "100%",
       height: "100%"
     }
@@ -111292,7 +111297,7 @@ const hXe = {
       gap: "1rem"
     },
     lg: {
-      borderRadius: "{border-radius.none}",
+      borderRadius: "{border-radius.xl}",
       padding: "1rem",
       gap: "1rem"
     }

package/dist/{plyr-ByorDhcr.js → plyr-KaDfMO3z.js}

@@ -1,7 +1,7 @@
 var gt = Object.defineProperty;
 var bt = (e, t, i) => t in e ? gt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
 var m = (e, t, i) => bt(e, typeof t != "symbol" ? t + "" : t, i);
-import { g as yt } from "./install-DGNb9nVr.js";
+import { g as yt } from "./install-B4Nk3OEz.js";
 function wt(e, t) {
   if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
 }