@wix/video 1.72.0

package/dist/esm/custom-element/videoLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVideoSource","setVideoFocalPoint","measure","videoNode","container","quality","uri","sources","adaptiveSources","duration","onError","videoSourceUrl","patchVideoSource","offsetWidth","offsetHeight","needsSrcUpdate","shouldUpdateSrc","mutate","poster","autoplay","posterEffect","playbackRate","focalPoint","toggleAttribute","videoWidth","width","videoHeight","height","aspectRatio","style","setProperty","toString","handlePosterVisibility","newSrcUrl","hasError","networkState","NETWORK_NO_SOURCE","hasDiff","currentSrc","endsWith","Boolean","needsEventUpdate","posterNode","isPausedOrEmpty","paused","ontimeupdate","onseeked","onplay","muteState","muted","currentTime","removePoster","transition","opacity"],"sources":["../../../src/custom-element/videoLayout.ts"],"sourcesContent":["import type { AdaptiveVideoSource, QualityPolicy, VideoSource } from '../types';\nimport { getVideoSource, setVideoFocalPoint } from './utils';\n\nexport default {\n  /**\n   * @param {HTMLVideoElement} videoNode\n   * @param {HTMLElement} container\n   * @param {QualityPolicy} quality\n   * @param {string} uri\n   * @param {Object[]} sources\n   * @param {Object[]} adaptiveSources\n   * @param {number} duration\n   * @param {(error: Error) => void} onError\n   * @return {{currentSrc: string, videoSourceUrl: string}}\n   */\n  async measure(\n    videoNode: HTMLVideoElement,\n    container: HTMLElement,\n    quality: QualityPolicy,\n    uri: string,\n    sources?: VideoSource[],\n    adaptiveSources?: AdaptiveVideoSource[],\n    duration?: number,\n    onError?: (error: Error) => void,\n  ) {\n    const { videoSourceUrl, patchVideoSource } = await getVideoSource(\n      container.offsetWidth,\n      container.offsetHeight,\n      uri,\n      quality,\n      sources,\n      adaptiveSources,\n      duration,\n      onError,\n    );\n    const needsSrcUpdate = shouldUpdateSrc(videoNode, videoSourceUrl);\n    return {\n      needsSrcUpdate,\n      patchVideoSource,\n    };\n  },\n  /**\n   * @param {HTMLDivElement} poster\n   * @param {HTMLVideoElement} videoNode\n   * @param {boolean} autoplay\n   * @param {boolean} needsSrcUpdate\n   * @param {string} posterEffect\n   * @param {number} playbackRate\n   * @param {(videoNode: HTMLVideoElement) => void} patchVideoSource\n   * @param {Object[]} sources\n   * @param {Object} focalPoint\n   */\n  mutate(\n    poster: HTMLDivElement,\n    videoNode: HTMLVideoElement,\n    autoplay: boolean,\n    needsSrcUpdate: boolean,\n    posterEffect: string,\n    playbackRate: number,\n    patchVideoSource: (videoNode: HTMLVideoElement) => void,\n    sources?: VideoSource[],\n    focalPoint?: { x: number; y: number },\n  ): void {\n    videoNode.toggleAttribute('autoplay', autoplay);\n    if (sources?.[0]) {\n      const videoWidth = sources[0].width;\n      const videoHeight = sources[0].height;\n      const aspectRatio = videoWidth / videoHeight;\n      videoNode.style.setProperty('--aspect-ratio', aspectRatio.toString());\n    }\n    if (focalPoint) {\n      setVideoFocalPoint(videoNode, focalPoint);\n    }\n\n    handlePosterVisibility(\n      needsSrcUpdate,\n      videoNode,\n      poster,\n      posterEffect,\n      autoplay,\n    );\n\n    if (needsSrcUpdate) {\n      patchVideoSource(videoNode);\n    }\n    videoNode.playbackRate = playbackRate;\n  },\n};\n\n/**\n *\n * @param videoNode\n * @param newSrcUrl\n * @returns {*|boolean}\n */\nfunction shouldUpdateSrc(\n  videoNode: HTMLVideoElement,\n  newSrcUrl: string,\n): boolean {\n  const hasError = videoNode.networkState === videoNode.NETWORK_NO_SOURCE;\n  const hasDiff = !videoNode.currentSrc.endsWith(newSrcUrl);\n  return Boolean(newSrcUrl && (hasDiff || hasError));\n}\n\n/**\n *\n * @param {boolean} needsEventUpdate\n * @param {HTMLVideoElement} videoNode\n * @param {HTMLDivElement} posterNode\n * @param {string} posterEffect\n * @param {boolean} autoplay\n */\nfunction handlePosterVisibility(\n  needsEventUpdate: boolean,\n  videoNode: HTMLVideoElement,\n  posterNode: HTMLDivElement,\n  posterEffect: string,\n  autoplay: boolean,\n): void {\n  const isPausedOrEmpty = videoNode.paused || videoNode.currentSrc === '';\n  if (needsEventUpdate && isPausedOrEmpty) {\n    videoNode.ontimeupdate = null;\n    videoNode.onseeked = null;\n    videoNode.onplay = null;\n    if (autoplay) {\n      const muteState = videoNode.muted;\n      videoNode.ontimeupdate = () => {\n        if (videoNode.currentTime > 0) {\n          videoNode.ontimeupdate = null;\n          videoNode.onseeked = () => {\n            videoNode.onseeked = null;\n            videoNode.muted = muteState;\n            removePoster(videoNode, posterNode, posterEffect);\n          };\n          videoNode.currentTime = 0;\n        }\n      };\n    } else {\n      videoNode.onplay = () => {\n        videoNode.onplay = null;\n        removePoster(videoNode, posterNode, posterEffect);\n      };\n    }\n  }\n}\n\n/**\n * Show video , hide poster\n *\n * @param videoNode\n * @param posterNode\n * @param posterEffect\n */\nfunction removePoster(\n  videoNode: HTMLVideoElement,\n  posterNode: HTMLDivElement,\n  posterEffect: string,\n): void {\n  if (posterEffect === 'fade') {\n    posterNode.style.transition = 'opacity 1.6s ease-out';\n  }\n  posterNode.style.opacity = '0';\n  videoNode.style.opacity = '1';\n}\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,SAAS;AAE5D,eAAe;EACb;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,MAAMC,OAAOA,CACXC,SAA2B,EAC3BC,SAAsB,EACtBC,OAAsB,EACtBC,GAAW,EACXC,OAAuB,EACvBC,eAAuC,EACvCC,QAAiB,EACjBC,OAAgC,EAChC;IACA,MAAM;MAAEC,cAAc;MAAEC;IAAiB,CAAC,GAAG,MAAMZ,cAAc,CAC/DI,SAAS,CAACS,WAAW,EACrBT,SAAS,CAACU,YAAY,EACtBR,GAAG,EACHD,OAAO,EACPE,OAAO,EACPC,eAAe,EACfC,QAAQ,EACRC,OACF,CAAC;IACD,MAAMK,cAAc,GAAGC,eAAe,CAACb,SAAS,EAAEQ,cAAc,CAAC;IACjE,OAAO;MACLI,cAAc;MACdH;IACF,CAAC;EACH,CAAC;EACD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEK,MAAMA,CACJC,MAAsB,EACtBf,SAA2B,EAC3BgB,QAAiB,EACjBJ,cAAuB,EACvBK,YAAoB,EACpBC,YAAoB,EACpBT,gBAAuD,EACvDL,OAAuB,EACvBe,UAAqC,EAC/B;IACNnB,SAAS,CAACoB,eAAe,CAAC,UAAU,EAAEJ,QAAQ,CAAC;IAC/C,IAAIZ,OAAO,YAAPA,OAAO,CAAG,CAAC,CAAC,EAAE;MAChB,MAAMiB,UAAU,GAAGjB,OAAO,CAAC,CAAC,CAAC,CAACkB,KAAK;MACnC,MAAMC,WAAW,GAAGnB,OAAO,CAAC,CAAC,CAAC,CAACoB,MAAM;MACrC,MAAMC,WAAW,GAAGJ,UAAU,GAAGE,WAAW;MAC5CvB,SAAS,CAAC0B,KAAK,CAACC,WAAW,CAAC,gBAAgB,EAAEF,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;IACvE;IACA,IAAIT,UAAU,EAAE;MACdrB,kBAAkB,CAACE,SAAS,EAAEmB,UAAU,CAAC;IAC3C;IAEAU,sBAAsB,CACpBjB,cAAc,EACdZ,SAAS,EACTe,MAAM,EACNE,YAAY,EACZD,QACF,CAAC;IAED,IAAIJ,cAAc,EAAE;MAClBH,gBAAgB,CAACT,SAAS,CAAC;IAC7B;IACAA,SAAS,CAACkB,YAAY,GAAGA,YAAY;EACvC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,SAASL,eAAeA,CACtBb,SAA2B,EAC3B8B,SAAiB,EACR;EACT,MAAMC,QAAQ,GAAG/B,SAAS,CAACgC,YAAY,KAAKhC,SAAS,CAACiC,iBAAiB;EACvE,MAAMC,OAAO,GAAG,CAAClC,SAAS,CAACmC,UAAU,CAACC,QAAQ,CAACN,SAAS,CAAC;EACzD,OAAOO,OAAO,CAACP,SAAS,KAAKI,OAAO,IAAIH,QAAQ,CAAC,CAAC;AACpD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASF,sBAAsBA,CAC7BS,gBAAyB,EACzBtC,SAA2B,EAC3BuC,UAA0B,EAC1BtB,YAAoB,EACpBD,QAAiB,EACX;EACN,MAAMwB,eAAe,GAAGxC,SAAS,CAACyC,MAAM,IAAIzC,SAAS,CAACmC,UAAU,KAAK,EAAE;EACvE,IAAIG,gBAAgB,IAAIE,eAAe,EAAE;IACvCxC,SAAS,CAAC0C,YAAY,GAAG,IAAI;IAC7B1C,SAAS,CAAC2C,QAAQ,GAAG,IAAI;IACzB3C,SAAS,CAAC4C,MAAM,GAAG,IAAI;IACvB,IAAI5B,QAAQ,EAAE;MACZ,MAAM6B,SAAS,GAAG7C,SAAS,CAAC8C,KAAK;MACjC9C,SAAS,CAAC0C,YAAY,GAAG,MAAM;QAC7B,IAAI1C,SAAS,CAAC+C,WAAW,GAAG,CAAC,EAAE;UAC7B/C,SAAS,CAAC0C,YAAY,GAAG,IAAI;UAC7B1C,SAAS,CAAC2C,QAAQ,GAAG,MAAM;YACzB3C,SAAS,CAAC2C,QAAQ,GAAG,IAAI;YACzB3C,SAAS,CAAC8C,KAAK,GAAGD,SAAS;YAC3BG,YAAY,CAAChD,SAAS,EAAEuC,UAAU,EAAEtB,YAAY,CAAC;UACnD,CAAC;UACDjB,SAAS,CAAC+C,WAAW,GAAG,CAAC;QAC3B;MACF,CAAC;IACH,CAAC,MAAM;MACL/C,SAAS,CAAC4C,MAAM,GAAG,MAAM;QACvB5C,SAAS,CAAC4C,MAAM,GAAG,IAAI;QACvBI,YAAY,CAAChD,SAAS,EAAEuC,UAAU,EAAEtB,YAAY,CAAC;MACnD,CAAC;IACH;EACF;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS+B,YAAYA,CACnBhD,SAA2B,EAC3BuC,UAA0B,EAC1BtB,YAAoB,EACd;EACN,IAAIA,YAAY,KAAK,MAAM,EAAE;IAC3BsB,UAAU,CAACb,KAAK,CAACuB,UAAU,GAAG,uBAAuB;EACvD;EACAV,UAAU,CAACb,KAAK,CAACwB,OAAO,GAAG,GAAG;EAC9BlD,SAAS,CAAC0B,KAAK,CAACwB,OAAO,GAAG,GAAG;AAC/B","ignoreList":[]}

package/dist/esm/customElementInit.js

@@ -0,0 +1,13 @@
+import { init } from './custom-element/registry';
+function initCustomElement(contextWindow, services) {
+  if (contextWindow === void 0) {
+    contextWindow = null;
+  }
+  if (services === void 0) {
+    services = {};
+  }
+  const actualWindow = contextWindow || window;
+  init(actualWindow, services);
+}
+export { initCustomElement };
+//# sourceMappingURL=customElementInit.js.map

package/dist/esm/customElementInit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["init","initCustomElement","contextWindow","services","actualWindow","window"],"sources":["../../src/customElementInit.ts"],"sourcesContent":["import { init } from './custom-element/registry';\nimport { CustomElementServices } from './types';\n\nfunction initCustomElement(\n  contextWindow: (Window & typeof globalThis) | null = null,\n  services: CustomElementServices = {},\n) {\n  const actualWindow = contextWindow || window;\n\n  init(actualWindow, services);\n}\n\nexport { initCustomElement };\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,2BAA2B;AAGhD,SAASC,iBAAiBA,CACxBC,aAAkD,EAClDC,QAA+B,EAC/B;EAAA,IAFAD,aAAkD;IAAlDA,aAAkD,GAAG,IAAI;EAAA;EAAA,IACzDC,QAA+B;IAA/BA,QAA+B,GAAG,CAAC,CAAC;EAAA;EAEpC,MAAMC,YAAY,GAAGF,aAAa,IAAIG,MAAM;EAE5CL,IAAI,CAACI,YAAY,EAAED,QAAQ,CAAC;AAC9B;AAEA,SAASF,iBAAiB","ignoreList":[]}

package/dist/esm/dataManifest.js

@@ -0,0 +1,49 @@
+import { DATA } from '@wix/component-protocol/schema';
+export const videoDataManifest = {
+  videoMedia: {
+    dataType: DATA.DATA_TYPE.video
+  },
+  qualityPolicy: {
+    dataType: DATA.DATA_TYPE.textEnum,
+    [DATA.DATA_TYPE.textEnum]: {
+      options: [{
+        value: 'PROPORTIONAL',
+        displayName: 'Proportional'
+      }, {
+        value: 'HIGHEST',
+        displayName: 'Highest'
+      }, {
+        value: 'ADAPTIVE',
+        displayName: 'Adaptive'
+      }]
+    }
+  },
+  poster: {
+    dataType: DATA.DATA_TYPE.image
+  },
+  loop: {
+    dataType: DATA.DATA_TYPE.booleanValue
+  },
+  muted: {
+    dataType: DATA.DATA_TYPE.booleanValue
+  },
+  autoplay: {
+    dataType: DATA.DATA_TYPE.booleanValue
+  },
+  playbackRate: {
+    dataType: DATA.DATA_TYPE.number
+  },
+  posterEffect: {
+    dataType: DATA.DATA_TYPE.textEnum,
+    [DATA.DATA_TYPE.textEnum]: {
+      options: [{
+        value: 'FADE',
+        displayName: 'Fade'
+      }, {
+        value: 'NONE',
+        displayName: 'None'
+      }]
+    }
+  }
+};
+//# sourceMappingURL=dataManifest.js.map

package/dist/esm/dataManifest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DATA","videoDataManifest","videoMedia","dataType","DATA_TYPE","video","qualityPolicy","textEnum","options","value","displayName","poster","image","loop","booleanValue","muted","autoplay","playbackRate","number","posterEffect"],"sources":["../../src/dataManifest.ts"],"sourcesContent":["import { DATA } from '@wix/component-protocol/schema';\n\nexport const videoDataManifest: Record<string, any> = {\n  videoMedia: {\n    dataType: DATA.DATA_TYPE.video,\n  },\n  qualityPolicy: {\n    dataType: DATA.DATA_TYPE.textEnum,\n    [DATA.DATA_TYPE.textEnum]: {\n      options: [\n        { value: 'PROPORTIONAL', displayName: 'Proportional' },\n        { value: 'HIGHEST', displayName: 'Highest' },\n        { value: 'ADAPTIVE', displayName: 'Adaptive' },\n      ],\n    },\n  },\n  poster: {\n    dataType: DATA.DATA_TYPE.image,\n  },\n  loop: {\n    dataType: DATA.DATA_TYPE.booleanValue,\n  },\n  muted: {\n    dataType: DATA.DATA_TYPE.booleanValue,\n  },\n  autoplay: {\n    dataType: DATA.DATA_TYPE.booleanValue,\n  },\n  playbackRate: {\n    dataType: DATA.DATA_TYPE.number,\n  },\n  posterEffect: {\n    dataType: DATA.DATA_TYPE.textEnum,\n    [DATA.DATA_TYPE.textEnum]: {\n      options: [\n        { value: 'FADE', displayName: 'Fade' },\n        { value: 'NONE', displayName: 'None' },\n      ],\n    },\n  },\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gCAAgC;AAErD,OAAO,MAAMC,iBAAsC,GAAG;EACpDC,UAAU,EAAE;IACVC,QAAQ,EAAEH,IAAI,CAACI,SAAS,CAACC;EAC3B,CAAC;EACDC,aAAa,EAAE;IACbH,QAAQ,EAAEH,IAAI,CAACI,SAAS,CAACG,QAAQ;IACjC,CAACP,IAAI,CAACI,SAAS,CAACG,QAAQ,GAAG;MACzBC,OAAO,EAAE,CACP;QAAEC,KAAK,EAAE,cAAc;QAAEC,WAAW,EAAE;MAAe,CAAC,EACtD;QAAED,KAAK,EAAE,SAAS;QAAEC,WAAW,EAAE;MAAU,CAAC,EAC5C;QAAED,KAAK,EAAE,UAAU;QAAEC,WAAW,EAAE;MAAW,CAAC;IAElD;EACF,CAAC;EACDC,MAAM,EAAE;IACNR,QAAQ,EAAEH,IAAI,CAACI,SAAS,CAACQ;EAC3B,CAAC;EACDC,IAAI,EAAE;IACJV,QAAQ,EAAEH,IAAI,CAACI,SAAS,CAACU;EAC3B,CAAC;EACDC,KAAK,EAAE;IACLZ,QAAQ,EAAEH,IAAI,CAACI,SAAS,CAACU;EAC3B,CAAC;EACDE,QAAQ,EAAE;IACRb,QAAQ,EAAEH,IAAI,CAACI,SAAS,CAACU;EAC3B,CAAC;EACDG,YAAY,EAAE;IACZd,QAAQ,EAAEH,IAAI,CAACI,SAAS,CAACc;EAC3B,CAAC;EACDC,YAAY,EAAE;IACZhB,QAAQ,EAAEH,IAAI,CAACI,SAAS,CAACG,QAAQ;IACjC,CAACP,IAAI,CAACI,SAAS,CAACG,QAAQ,GAAG;MACzBC,OAAO,EAAE,CACP;QAAEC,KAAK,EAAE,MAAM;QAAEC,WAAW,EAAE;MAAO,CAAC,EACtC;QAAED,KAAK,EAAE,MAAM;QAAEC,WAAW,EAAE;MAAO,CAAC;IAE1C;EACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/external-types.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=external-types.d.js.map

package/dist/esm/external-types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/external-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/yoshi-flow-library/types\" />\n\ndeclare namespace JSX {\n  interface IntrinsicElements {\n    'wow-video': any;\n  }\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+import Video from './Video';
+import { initCustomElement } from './customElementInit';
+import { videoDataManifest } from './dataManifest';
+export { Video, initCustomElement, videoDataManifest };
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Video","initCustomElement","videoDataManifest"],"sources":["../../src/index.ts"],"sourcesContent":["import Video from './Video';\nimport { initCustomElement } from './customElementInit';\nimport { videoDataManifest } from './dataManifest';\n\nexport { Video, initCustomElement, videoDataManifest };\nexport * from './types';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAC3B,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,iBAAiB,QAAQ,gBAAgB;AAElD,SAASF,KAAK,EAAEC,iBAAiB,EAAEC,iBAAiB;AACpD,cAAc,SAAS","ignoreList":[]}

package/dist/esm/storybook/Container.js

@@ -0,0 +1,21 @@
+import React from 'react';
+export const Container = _ref => {
+  let {
+    id,
+    width,
+    height,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    style: {
+      width,
+      height,
+      border: '1px solid red'
+    }
+  }, /*#__PURE__*/React.cloneElement(children, {
+    containerWidth: width,
+    containerHeight: height
+  }));
+};
+//# sourceMappingURL=Container.js.map

package/dist/esm/storybook/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Container","_ref","id","width","height","children","createElement","style","border","cloneElement","containerWidth","containerHeight"],"sources":["../../../src/storybook/Container.tsx"],"sourcesContent":["import React from 'react';\n\ntype ContainerProps = React.HTMLProps<{}>;\n\nexport const Container: React.VFC<ContainerProps> = ({\n  id,\n  width,\n  height,\n  children,\n}) => {\n  return (\n    <div id={id} style={{ width, height, border: '1px solid red' }}>\n      {React.cloneElement(children as React.ReactElement<any>, {\n        containerWidth: width,\n        containerHeight: height,\n      })}\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAO,MAAMC,SAAoC,GAAGC,IAAA,IAK9C;EAAA,IAL+C;IACnDC,EAAE;IACFC,KAAK;IACLC,MAAM;IACNC;EACF,CAAC,GAAAJ,IAAA;EACC,oBACEF,KAAA,CAAAO,aAAA;IAAKJ,EAAE,EAAEA,EAAG;IAACK,KAAK,EAAE;MAAEJ,KAAK;MAAEC,MAAM;MAAEI,MAAM,EAAE;IAAgB;EAAE,gBAC5DT,KAAK,CAACU,YAAY,CAACJ,QAAQ,EAA6B;IACvDK,cAAc,EAAEP,KAAK;IACrBQ,eAAe,EAAEP;EACnB,CAAC,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/storybook/args.js

@@ -0,0 +1,174 @@
+export const sampleVideo = {
+  videoMedia: {
+    sources: [{
+      quality: '1080p',
+      width: 1920,
+      height: 1080,
+      types: [{
+        format: 'mp4',
+        uri: 'video/11062b_c1797898279949878ff9bc792dc4a79c/1080p/mp4/file.mp4'
+      }]
+    }, {
+      quality: '720p',
+      width: 1280,
+      height: 720,
+      types: [{
+        format: 'mp4',
+        uri: 'video/11062b_c1797898279949878ff9bc792dc4a79c/1080p/mp4/file.mp4'
+      }]
+    }, {
+      quality: '480p',
+      width: 854,
+      height: 480,
+      types: [{
+        format: 'mp4',
+        uri: 'video/11062b_c1797898279949878ff9bc792dc4a79c/480p/mp4/file.mp4'
+      }]
+    }, {
+      quality: '360p',
+      width: 640,
+      height: 360,
+      types: [{
+        format: 'mp4',
+        uri: 'video/11062b_c1797898279949878ff9bc792dc4a79c/360p/mp4/file.mp4'
+      }]
+    }],
+    adaptiveSources: [{
+      format: 'hls',
+      uri: 'site/media/video/11062b_c1797898279949878ff9bc792dc4a79c/da01a1fc-ad34-44bc-90e8-cc9413c466e6/repackage/hls'
+    }],
+    uri: 'test-meta-id',
+    hasAudio: true,
+    fps: 30,
+    duration: 40,
+    poster: {
+      id: 'video-poster',
+      uri: '11062b_c1797898279949878ff9bc792dc4a79cf000.jpg',
+      width: 1440,
+      height: 2560,
+      name: 'video-poster.jpg',
+      alt: 'alt text'
+    }
+  },
+  loop: true,
+  muted: true,
+  autoplay: true,
+  posterEffect: 'none',
+  playbackRate: 1,
+  qualityPolicy: 'proportional'
+};
+export const argTypes = {
+  qualityPolicy: {
+    control: 'select',
+    options: ['proportional', 'adaptive', 'highest', 'none'],
+    defaultValue: 'proportional',
+    description: 'Quality policy for the video',
+    table: {
+      type: {
+        summary: 'enum'
+      }
+    }
+  },
+  containerWidth: {
+    control: 'number',
+    defaultValue: 500,
+    description: 'Width in pixels of the container element',
+    table: {
+      type: {
+        summary: 'number'
+      }
+    }
+  },
+  containerHeight: {
+    control: 'number',
+    defaultValue: 275,
+    description: 'Height in pixels of the container element',
+    table: {
+      type: {
+        summary: 'number'
+      }
+    }
+  },
+  muted: {
+    control: 'boolean',
+    defaultValue: true,
+    description: 'Whether the video should be muted',
+    table: {
+      type: {
+        summary: 'boolean'
+      }
+    }
+  },
+  loop: {
+    control: 'boolean',
+    defaultValue: true,
+    description: 'Whether the video should loop continuously',
+    table: {
+      type: {
+        summary: 'boolean'
+      }
+    }
+  },
+  posterEffect: {
+    control: 'select',
+    options: [undefined, 'fade'],
+    defaultValue: undefined,
+    description: 'Effect to apply when transitioning from poster to video',
+    table: {
+      type: {
+        summary: 'string'
+      }
+    }
+  },
+  playbackRate: {
+    control: 'number',
+    defaultValue: 1,
+    description: 'The playback rate of the video',
+    table: {
+      type: {
+        summary: 'number'
+      }
+    }
+  },
+  autoplay: {
+    control: 'boolean',
+    defaultValue: true,
+    description: 'Whether the video should autoplay',
+    table: {
+      type: {
+        summary: 'boolean'
+      }
+    }
+  },
+  focalPointX: {
+    control: {
+      type: 'range',
+      min: 0,
+      max: 100,
+      step: 5
+    },
+    defaultValue: 50,
+    description: 'Horizontal focal point for video positioning (0 = left, 100 = right)',
+    table: {
+      type: {
+        summary: 'number'
+      }
+    }
+  },
+  focalPointY: {
+    control: {
+      type: 'range',
+      min: 0,
+      max: 100,
+      step: 5
+    },
+    defaultValue: 50,
+    description: 'Vertical focal point for video positioning (0 = top, 100 = bottom)',
+    table: {
+      type: {
+        summary: 'number'
+      }
+    }
+  }
+};
+//# sourceMappingURL=args.js.map

package/dist/esm/storybook/args.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sampleVideo","videoMedia","sources","quality","width","height","types","format","uri","adaptiveSources","hasAudio","fps","duration","poster","id","name","alt","loop","muted","autoplay","posterEffect","playbackRate","qualityPolicy","argTypes","control","options","defaultValue","description","table","type","summary","containerWidth","containerHeight","undefined","focalPointX","min","max","step","focalPointY"],"sources":["../../../src/storybook/args.ts"],"sourcesContent":["export const sampleVideo = {\n  videoMedia: {\n    sources: [\n      {\n        quality: '1080p' as const,\n        width: 1920,\n        height: 1080,\n        types: [\n          {\n            format: 'mp4' as const,\n            uri: 'video/11062b_c1797898279949878ff9bc792dc4a79c/1080p/mp4/file.mp4',\n          },\n        ],\n      },\n      {\n        quality: '720p' as const,\n        width: 1280,\n        height: 720,\n        types: [\n          {\n            format: 'mp4' as const,\n            uri: 'video/11062b_c1797898279949878ff9bc792dc4a79c/1080p/mp4/file.mp4',\n          },\n        ],\n      },\n      {\n        quality: '480p' as const,\n        width: 854,\n        height: 480,\n        types: [\n          {\n            format: 'mp4' as const,\n            uri: 'video/11062b_c1797898279949878ff9bc792dc4a79c/480p/mp4/file.mp4',\n          },\n        ],\n      },\n      {\n        quality: '360p' as const,\n        width: 640,\n        height: 360,\n        types: [\n          {\n            format: 'mp4' as const,\n            uri: 'video/11062b_c1797898279949878ff9bc792dc4a79c/360p/mp4/file.mp4',\n          },\n        ],\n      },\n    ],\n    adaptiveSources: [\n      {\n        format: 'hls' as const,\n        uri: 'site/media/video/11062b_c1797898279949878ff9bc792dc4a79c/da01a1fc-ad34-44bc-90e8-cc9413c466e6/repackage/hls',\n      },\n    ],\n    uri: 'test-meta-id',\n    hasAudio: true,\n    fps: 30,\n    duration: 40,\n    poster: {\n      id: 'video-poster',\n      uri: '11062b_c1797898279949878ff9bc792dc4a79cf000.jpg',\n      width: 1440,\n      height: 2560,\n      name: 'video-poster.jpg',\n      alt: 'alt text',\n    },\n  },\n  loop: true,\n  muted: true,\n  autoplay: true,\n  posterEffect: 'none',\n  playbackRate: 1,\n  qualityPolicy: 'proportional',\n};\n\nexport const argTypes = {\n  qualityPolicy: {\n    control: 'select',\n    options: ['proportional', 'adaptive', 'highest', 'none'],\n    defaultValue: 'proportional',\n    description: 'Quality policy for the video',\n    table: {\n      type: {\n        summary: 'enum',\n      },\n    },\n  },\n  containerWidth: {\n    control: 'number',\n    defaultValue: 500,\n    description: 'Width in pixels of the container element',\n    table: {\n      type: {\n        summary: 'number',\n      },\n    },\n  },\n  containerHeight: {\n    control: 'number',\n    defaultValue: 275,\n    description: 'Height in pixels of the container element',\n    table: {\n      type: {\n        summary: 'number',\n      },\n    },\n  },\n  muted: {\n    control: 'boolean',\n    defaultValue: true,\n    description: 'Whether the video should be muted',\n    table: {\n      type: {\n        summary: 'boolean',\n      },\n    },\n  },\n  loop: {\n    control: 'boolean',\n    defaultValue: true,\n    description: 'Whether the video should loop continuously',\n    table: {\n      type: {\n        summary: 'boolean',\n      },\n    },\n  },\n  posterEffect: {\n    control: 'select',\n    options: [undefined, 'fade'],\n    defaultValue: undefined,\n    description: 'Effect to apply when transitioning from poster to video',\n    table: {\n      type: {\n        summary: 'string',\n      },\n    },\n  },\n  playbackRate: {\n    control: 'number',\n    defaultValue: 1,\n    description: 'The playback rate of the video',\n    table: {\n      type: {\n        summary: 'number',\n      },\n    },\n  },\n  autoplay: {\n    control: 'boolean',\n    defaultValue: true,\n    description: 'Whether the video should autoplay',\n    table: {\n      type: {\n        summary: 'boolean',\n      },\n    },\n  },\n  focalPointX: {\n    control: {\n      type: 'range',\n      min: 0,\n      max: 100,\n      step: 5,\n    },\n    defaultValue: 50,\n    description:\n      'Horizontal focal point for video positioning (0 = left, 100 = right)',\n    table: {\n      type: {\n        summary: 'number',\n      },\n    },\n  },\n  focalPointY: {\n    control: {\n      type: 'range',\n      min: 0,\n      max: 100,\n      step: 5,\n    },\n    defaultValue: 50,\n    description:\n      'Vertical focal point for video positioning (0 = top, 100 = bottom)',\n    table: {\n      type: {\n        summary: 'number',\n      },\n    },\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/test-types.d.js

@@ -0,0 +1,2 @@
+/// <reference types="@wix/jest-yoshi-preset/types" />
+//# sourceMappingURL=test-types.d.js.map

package/dist/esm/test-types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/test-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/jest-yoshi-preset/types\" />\n"],"mappings":"AAAA","ignoreList":[]}

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/types.ts"],"sourcesContent":["import { ImageMedia } from '@wix/image';\n\nexport type VideoSource = {\n  quality: '1080p' | '720p' | '480p' | '360p';\n  width: number;\n  height: number;\n  types: {\n    format: 'mp4' | 'mp4-luminance';\n    uri: string;\n  }[];\n};\n\nexport type AdaptiveVideoSource = {\n  format: 'hls' | 'dash';\n  uri: string;\n};\n\nexport type VideoMedia = {\n  uri: string;\n  poster?: ImageMedia;\n  name?: string;\n  sources?: VideoSource[];\n  adaptiveSources?: AdaptiveVideoSource[];\n  hasAudio?: boolean;\n  fps?: number;\n  duration?: number;\n};\n\nexport type QualityPolicy = 'adaptive' | 'highest' | 'proportional';\n\nexport type VideoProps = {\n  id: string;\n  videoMedia: VideoMedia;\n  qualityPolicy: QualityPolicy;\n  loop: boolean;\n  muted: boolean;\n  autoplay: boolean;\n  motionPart?: string;\n  playbackRate?: number;\n  posterEffect?: 'fade';\n  videoRef: React.RefObject<HTMLVideoElement>;\n  focalPoint?: { x: number; y: number };\n  onError?: (error: Error) => void;\n};\n\nexport type VideoData = Omit<VideoProps, 'videoRef' | 'id' | 'onError'>;\n\nexport type Timeout = ReturnType<typeof setTimeout>;\n\nexport type EnvConsts = {\n  experiments?: Record<string, string | boolean>;\n};\n\nexport type CustomElementServices = {\n  isExperimentOpen?: (experiment: string) => boolean;\n  mutationService?: any;\n};\n\nexport type WowVideoServices = CustomElementServices & {\n  resizeService?: ResizeObserver;\n  intersectionService?: IntersectionObserver;\n};\n\nexport type WowVideo = Element & {\n  reLayout: () => void;\n  observeResize: () => void;\n  unobserveIntersect: () => void;\n};\n"],"mappings":"","ignoreList":[]}