vue-datocms 8.1.16 → 8.1.17

package/dist/index.cjs.js

@@ -1143,12 +1143,23 @@ const computedStyle = (width, height) => {
 const computedPlaceholder = (blurUpThumb) => {
   return blurUpThumb ? { placeholder: blurUpThumb } : void 0;
 };
+const computedPoster = (thumbnailUrl) => {
+  return thumbnailUrl ? { poster: thumbnailUrl } : void 0;
+};
 const useVideoPlayer = ({
   data
 }) => {
-  const { title, width, height, playbackId, muxPlaybackId, blurUpThumb } = data || {};
+  const {
+    title,
+    width,
+    height,
+    playbackId,
+    muxPlaybackId,
+    blurUpThumb,
+    thumbnailUrl
+  } = data || {};
   if (data === void 0) return {};
-  return __spreadValues$3(__spreadValues$3(__spreadValues$3(__spreadValues$3({}, computedTitle(title) || {}), computedPlaybackId(muxPlaybackId, playbackId) || {}), computedStyle(width, height) || {}), computedPlaceholder(blurUpThumb) || {});
+  return __spreadValues$3(__spreadValues$3(__spreadValues$3(__spreadValues$3(__spreadValues$3({}, computedTitle(title) || {}), computedPlaybackId(muxPlaybackId, playbackId) || {}), computedStyle(width, height) || {}), computedPlaceholder(blurUpThumb) || {}), computedPoster(thumbnailUrl) || {});
 };
 
 var __defProp$2 = Object.defineProperty;

package/dist/index.d.ts

@@ -959,6 +959,8 @@ type Video = {
     playbackId?: Possibly<string>;
     /** A data: URI containing a blurhash for the video  */
     blurUpThumb?: Possibly<string>;
+    /** A URL for the video thumbnail, used as the poster image */
+    thumbnailUrl?: Possibly<string>;
     /** Other data can be passed, but they have no effect on rendering the player */
     [k: string]: any;
 };
@@ -1213,6 +1215,7 @@ declare const VideoPlayer: vue.DefineComponent<{
         title?: string | null;
         playbackId?: string | null;
         placeholder?: string | null;
+        poster?: string | null;
     };
     otherProps: {
         disablePictureInPicture: boolean;
@@ -1693,11 +1696,13 @@ type Style = Maybe<CSSProperties>;
 type Title = Maybe<string>;
 type PlaybackId = Maybe<string>;
 type Placeholder = Maybe<string>;
+type Poster = Maybe<string>;
 type AttrsForMuxPlayer = {
     style?: Style;
     title?: Title;
     playbackId?: PlaybackId;
     placeholder?: Placeholder;
+    poster?: Poster;
 };
 type UseVideoPlayerArgs = {
     data?: Video;

package/dist/index.esm.mjs

@@ -1144,12 +1144,23 @@ const computedStyle = (width, height) => {
 const computedPlaceholder = (blurUpThumb) => {
   return blurUpThumb ? { placeholder: blurUpThumb } : void 0;
 };
+const computedPoster = (thumbnailUrl) => {
+  return thumbnailUrl ? { poster: thumbnailUrl } : void 0;
+};
 const useVideoPlayer = ({
   data
 }) => {
-  const { title, width, height, playbackId, muxPlaybackId, blurUpThumb } = data || {};
+  const {
+    title,
+    width,
+    height,
+    playbackId,
+    muxPlaybackId,
+    blurUpThumb,
+    thumbnailUrl
+  } = data || {};
   if (data === void 0) return {};
-  return __spreadValues$3(__spreadValues$3(__spreadValues$3(__spreadValues$3({}, computedTitle(title) || {}), computedPlaybackId(muxPlaybackId, playbackId) || {}), computedStyle(width, height) || {}), computedPlaceholder(blurUpThumb) || {});
+  return __spreadValues$3(__spreadValues$3(__spreadValues$3(__spreadValues$3(__spreadValues$3({}, computedTitle(title) || {}), computedPlaybackId(muxPlaybackId, playbackId) || {}), computedStyle(width, height) || {}), computedPlaceholder(blurUpThumb) || {}), computedPoster(thumbnailUrl) || {});
 };
 
 var __defProp$2 = Object.defineProperty;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-datocms",
-  "version": "8.1.16",
+  "version": "8.1.17",
   "type": "module",
   "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
   "keywords": [