@webitel/ui-sdk 26.4.75 → 26.4.76

package/dist/{wt-vidstack-player-aDbKB1qs.js → wt-vidstack-player-BduaN7w2.js}

@@ -1,6 +1,6 @@
 import { defineComponent as lt, inject as Zt, createElementBlock as mt, openBlock as U, normalizeClass as te, unref as Z, createElementVNode as nt, renderSlot as ut, createVNode as W, computed as Ds, onMounted as Ii, onBeforeUnmount as Vi, createBlock as Ut, createCommentVNode as Kt, toDisplayString as Di, createSlots as Rs, withCtx as Qt, resolveComponent as Ri, useTemplateRef as Oi, ref as us, provide as Ni, toRefs as Hi } from "vue";
-import { a as _, c as ft, i as G, b as Ve, d as S, e as rt, f as De, l as O, s as ee, g as Os, E as Ns, D as q, h as z, o as P, j as Fi, k as f, m as l, n as L, p as Hs, q as Bi, r as de, t as j, V as tt, v as w, C as b, S as gt, w as Vt, x as p, y as ot, z as Y, I as Fs, A as Gi, B as Ui, F as st, G as Ue, H as Bs, J as ps, K as Ke, L as Gs, M as kt, N as Qe, O as pe, P as Ki, Q as Ct, R as Qi, U as zi, W as Wi, X as ji, Y as Yi, Z as Xi, _ as Ji, $ as Zi, a0 as ta, a1 as Us, a2 as T, a3 as I, a4 as me, a5 as ea, a6 as Dt, a7 as K, a8 as sa, a9 as ia, aa, ab as na, ac as ms, ad as ra, ae as oa, af as v, ag as y, ah as ha, ai as la, T as da, u as ca } from "./useVidstackSrc-COA47ZXh.js";
-import { T as ua, U as pa, V as ma, X as fa, _ as yt, Q as fe, C as Q, Y as ga } from "./install-DvhxDbmg.js";
+import { a as _, c as ft, i as G, b as Ve, d as S, e as rt, f as De, l as O, s as ee, g as Os, E as Ns, D as q, h as z, o as P, j as Fi, k as f, m as l, n as L, p as Hs, q as Bi, r as de, t as j, V as tt, v as w, C as b, S as gt, w as Vt, x as p, y as ot, z as Y, I as Fs, A as Gi, B as Ui, F as st, G as Ue, H as Bs, J as ps, K as Ke, L as Gs, M as kt, N as Qe, O as pe, P as Ki, Q as Ct, R as Qi, U as zi, W as Wi, X as ji, Y as Yi, Z as Xi, _ as Ji, $ as Zi, a0 as ta, a1 as Us, a2 as T, a3 as I, a4 as me, a5 as ea, a6 as Dt, a7 as K, a8 as sa, a9 as ia, aa, ab as na, ac as ms, ad as ra, ae as oa, af as v, ag as y, ah as ha, ai as la, T as da, u as ca } from "./useVidstackSrc-BGxC2kR5.js";
+import { T as ua, U as pa, V as ma, X as fa, _ as yt, Q as fe, C as Q, Y as ga } from "./install-Bd5HfFTV.js";
 import { _ as ya } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
 const Ks = ft();
 function $() {
@@ -2070,7 +2070,7 @@ class pn {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-By3G_Nz1.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-CvjDPPuQ.js")).AudioProvider(this.target, t);
   }
 }
 class Ye {
@@ -2083,7 +2083,7 @@ class Ye {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-8cUxQUYv.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-DzItbHtm.js")).VideoProvider(this.target, t);
   }
 }
 class Xe extends Ye {
@@ -2093,7 +2093,7 @@ class Xe extends Ye {
     return Xe.supported && Ue(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-Dax5imdM.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-C2zZ7COz.js")).HLSProvider(this.target, t);
   }
 }
 class Je extends Ye {
@@ -2103,7 +2103,7 @@ class Je extends Ye {
     return Je.supported && Ke(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-BvIFTy7j.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-rV4ryZh2.js")).DASHProvider(this.target, t);
   }
 }
 class mn {
@@ -2125,7 +2125,7 @@ class mn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-D6n35l2Q.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-BpKsHwp4.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: i, getVimeoVideoInfo: n } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -2157,7 +2157,7 @@ class fn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-DI91idL3.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube--6zpNJz6.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: i, resolveYouTubeVideoId: n } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = S(t.src) && n(t.src);
@@ -2625,7 +2625,7 @@ class $n extends xt {
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
       if (se("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-VVjkuuBN.js").then((n) => n.v);
+        const i = await import("./vidstack-D2pY00kU-I-LJsKk8.js").then((n) => n.v);
         this.#v = new i.GoogleCastLoader();
       }
       await this.#v.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -8022,7 +8022,7 @@ class qr extends v(HTMLElement, ni) {
     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_-DJ_O1mNn.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-27F2Mv_5.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.4.75",
+	"version": "26.4.76",
 	"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-vidstack-player/composables/useVidstackSrc.ts

@@ -1,9 +1,7 @@
-import {
-	isAudioSrc as vidstackNativeIsAudioCheck,
-	isVideoSrc as vidstackNativeIsVideoCheck,
-} from 'vidstack';
 import { computed, toRef } from 'vue';
 
+import { normalizeVidstackMediaSrc } from '../utils/normalizeVidstackMediaSrc';
+
 export const useVidstackSrc = ({ src, type, stream }) => {
 	const srcRef = toRef(src);
 	const typeRef = toRef(type);
@@ -35,80 +33,3 @@ export const useVidstackSrc = ({ src, type, stream }) => {
 		normalizedSrcObject,
 	};
 };
-
-/**
- * https://webitel.atlassian.net/browse/WTEL-8723?focusedCommentId=733255
- * https://github.com/vidstack/player/issues/1453
- *
- * vidstack doesn't recognize some audio/video types as audio/video,
- * so we need to normalize them to default audio/video formats
- *
- * for instance, type: "audio/wav" won't be recognized as audio by vidstack,
- * so we need to fallback it to "audio/mp3"
- */
-export function normalizeVidstackMediaSrc({
-	src,
-	type,
-}: {
-	src: string | unknown; // "string" for url, "unknown" for JS objects like MediaStream or Blob
-	type: string;
-}) {
-	// if vidstack parses src and type correctly, no need to normalize
-	if (
-		vidstackNativeIsAudioCheck({
-			src,
-			type,
-		}) ||
-		vidstackNativeIsVideoCheck({
-			src,
-			type,
-		})
-	) {
-		return {
-			src,
-			type,
-		};
-	}
-
-	// handle "video/object" or "audio/object" types
-	if (
-		isObjectSrcType({
-			src,
-			type,
-		})
-	) {
-		return {
-			src,
-			type,
-		};
-	}
-
-	// normalize to default audio format, if vidstack doesn't recognize this type as audio
-	if (type?.includes('audio')) {
-		return {
-			src,
-			type: 'audio/mp3',
-		};
-	}
-
-	// normalize to default video format, if vidstack doesn't recognize this type as video
-	if (type?.includes('video')) {
-		return {
-			src,
-			type: 'video/mp4',
-		};
-	}
-
-	// unknown. hz, ebites' sami
-	return {
-		src,
-		type,
-	};
-}
-
-/**
- * "video/object" or "audio/object" types represent JS objects like MediaStream or file Blob
- */
-function isObjectSrcType({ type }: { src: unknown; type: string }) {
-	return type?.includes('/object');
-}

package/src/components/wt-vidstack-player/utils/normalizeVidstackMediaSrc.ts

@@ -0,0 +1,106 @@
+import {
+	isAudioSrc as vidstackNativeIsAudioCheck,
+	isVideoSrc as vidstackNativeIsVideoCheck,
+} from 'vidstack';
+
+export type SrcInput = {
+	src: string | unknown; // "string" for url, "unknown" for JS objects like MediaStream or Blob
+	type: string;
+};
+
+/**
+ * https://webitel.atlassian.net/browse/WTEL-8723?focusedCommentId=733255
+ * https://github.com/vidstack/player/issues/1453
+ *
+ * vidstack doesn't recognize some audio/video types as audio/video,
+ * so we need to normalize them to default audio/video formats
+ *
+ * for instance, type: "audio/wav" won't be recognized as audio by vidstack,
+ * so we need to fallback it to "audio/mp3"
+ */
+export function normalizeVidstackMediaSrc({ src, type }: SrcInput) {
+	// if vidstack parses src and type correctly, no need to normalize
+	if (
+		vidstackNativeIsAudioCheck({
+			src,
+			type,
+		}) ||
+		vidstackNativeIsVideoCheck({
+			src,
+			type,
+		})
+	) {
+		return {
+			src,
+			type,
+		};
+	}
+
+	// handle "video/object" or "audio/object" types
+	if (
+		isObjectSrcType({
+			src,
+			type,
+		})
+	) {
+		return {
+			src,
+			type,
+		};
+	}
+
+	// normalize to default audio format, if vidstack doesn't recognize this type as audio
+	if (type?.includes('audio')) {
+		return {
+			src,
+			type: 'audio/mp3',
+		};
+	}
+
+	// normalize to default video format, if vidstack doesn't recognize this type as video
+	if (type?.includes('video')) {
+		return {
+			src,
+			type: 'video/mp4',
+		};
+	}
+
+	// unknown. hz, ebites' sami
+	return {
+		src,
+		type,
+	};
+}
+
+/**
+ * Assume that the src and type are supported by vidstack
+ * by normalizing its type and then re-checking it using vidstack's native check function
+ */
+export function assumeVidstackSupportedAudioType({ src, type }: SrcInput) {
+	const normalizedSrc = normalizeVidstackMediaSrc({
+		src,
+		type,
+	});
+
+	return vidstackNativeIsAudioCheck(normalizedSrc);
+}
+
+/**
+ * Assume that the src and type are supported by vidstack
+ * by normalizing its type and then re-checking it using vidstack's native check function
+ */
+export function assumeVidstackSupportedVideoType({ src, type }: SrcInput) {
+	const normalizedSrc = normalizeVidstackMediaSrc({
+		src,
+		type,
+	});
+
+	return vidstackNativeIsVideoCheck(normalizedSrc);
+}
+
+/**
+ * "video/object" or "audio/object" types represent JS objects like MediaStream or file Blob
+ */
+function isObjectSrcType({ type }: SrcInput) {
+	return type?.includes('/object');
+}

package/types/components/wt-vidstack-player/composables/useVidstackSrc.d.ts

@@ -8,20 +8,3 @@ export declare const useVidstackSrc: ({ src, type, stream }: {
         type: string;
     }>;
 };
-/**
- * https://webitel.atlassian.net/browse/WTEL-8723?focusedCommentId=733255
- * https://github.com/vidstack/player/issues/1453
- *
- * vidstack doesn't recognize some audio/video types as audio/video,
- * so we need to normalize them to default audio/video formats
- *
- * for instance, type: "audio/wav" won't be recognized as audio by vidstack,
- * so we need to fallback it to "audio/mp3"
- */
-export declare function normalizeVidstackMediaSrc({ src, type, }: {
-    src: string | unknown;
-    type: string;
-}): {
-    src: unknown;
-    type: string;
-};

package/types/components/wt-vidstack-player/utils/normalizeVidstackMediaSrc.d.ts

@@ -0,0 +1,28 @@
+export type SrcInput = {
+    src: string | unknown;
+    type: string;
+};
+/**
+ * https://webitel.atlassian.net/browse/WTEL-8723?focusedCommentId=733255
+ * https://github.com/vidstack/player/issues/1453
+ *
+ * vidstack doesn't recognize some audio/video types as audio/video,
+ * so we need to normalize them to default audio/video formats
+ *
+ * for instance, type: "audio/wav" won't be recognized as audio by vidstack,
+ * so we need to fallback it to "audio/mp3"
+ */
+export declare function normalizeVidstackMediaSrc({ src, type }: SrcInput): {
+    src: unknown;
+    type: string;
+};
+/**
+ * Assume that the src and type are supported by vidstack
+ * by normalizing its type and then re-checking it using vidstack's native check function
+ */
+export declare function assumeVidstackSupportedAudioType({ src, type }: SrcInput): boolean;
+/**
+ * Assume that the src and type are supported by vidstack
+ * by normalizing its type and then re-checking it using vidstack's native check function
+ */
+export declare function assumeVidstackSupportedVideoType({ src, type }: SrcInput): boolean;