@wix/video 1.72.0

package/dist/cjs/custom-element/utils.js

@@ -0,0 +1,138 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getVideoSource = getVideoSource;
+exports.setVideoFocalPoint = setVideoFocalPoint;
+exports.sortQualities = sortQualities;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const STATIC_VIDEO_URL = 'https://video.wixstatic.com/';
+const STATIC_ADAPTIVE_VIDEO_URL = 'https://files.wix.com/';
+const isAbsoluteUrl = url => url.startsWith('http://') || url.startsWith('https://');
+function sortQualities(sources) {
+  return sources.sort((a, b) => a.width * a.height - b.width * b.height);
+}
+function getCompleteUrl(url, staticVideoUrl) {
+  const completeUrl = isAbsoluteUrl(url) ? new URL(url) : new URL(url, staticVideoUrl);
+  return completeUrl.href;
+}
+function getVideoQualityBySize(sources, {
+  width,
+  height
+}) {
+  const targetQuality = sources.find(value => value.width * value.height > width * height);
+  return targetQuality || sources[sources.length - 1];
+}
+function getScaleFactor(containerWidth, containerHeight, videoWidth, videoHeight) {
+  return {
+    wScale: containerWidth / videoWidth,
+    hScale: containerHeight / videoHeight
+  };
+}
+function getVideoDimension(videoScale, videoWidth, videoHeight) {
+  const scale = Math.min(videoScale.wScale, videoScale.hScale);
+  return {
+    width: Math.round(videoWidth * scale),
+    height: Math.round(videoHeight * scale)
+  };
+}
+function setVideoFocalPoint(videoNode, focalPoint) {
+  const focalX = (focalPoint == null ? void 0 : focalPoint.x) ?? 50;
+  const focalY = (focalPoint == null ? void 0 : focalPoint.y) ?? 50;
+  videoNode.style.setProperty('--focal-x', focalX.toString());
+  videoNode.style.setProperty('--focal-y', focalY.toString());
+}
+async function getVideoSource(width, height, uri, qualityPolicy, sources, adaptiveSources, duration, onError) {
+  const hasProgressiveSources = sources && sources.length > 0;
+  const hasAbsoluteUri = uri && isAbsoluteUrl(uri);
+  const shouldSkipAdaptiveShortVideo = duration && duration < 40;
+  if (qualityPolicy === 'adaptive' && adaptiveSources && adaptiveSources.length > 0 && !shouldSkipAdaptiveShortVideo) {
+    const hlsSource = adaptiveSources.find(s => s.format === 'hls');
+    const Hls = await Promise.resolve().then(() => _interopRequireWildcard(require('hls.js')));
+    if (hlsSource && Hls && Hls.default.isSupported()) {
+      const videoSourceUrl = getCompleteUrl(hlsSource.uri, STATIC_ADAPTIVE_VIDEO_URL);
+      const patchVideoSource = videoNode => {
+        const hls = new Hls.default();
+        hls.loadSource(videoSourceUrl);
+        hls.attachMedia(videoNode);
+        hls.on(Hls.default.Events.ERROR, (_, data) => {
+          if (data.fatal) {
+            switch (data.type) {
+              case Hls.default.ErrorTypes.NETWORK_ERROR:
+                hls.startLoad();
+                if (onError) {
+                  onError(new Error(`HLS Network Error: ${data.details}.\nAttempting to reconnect...`));
+                }
+                break;
+              case Hls.default.ErrorTypes.MEDIA_ERROR:
+                hls.recoverMediaError();
+                if (onError) {
+                  onError(new Error(`HLS Media Error: ${data.details}.\nAttempting to recover...`));
+                }
+                break;
+              default:
+                hls.destroy();
+                if (onError) {
+                  onError(new Error(`HLS Unknown Error: ${data.details}.\nUnrecoverable playback error`));
+                }
+                break;
+            }
+          }
+        });
+      };
+      return {
+        videoSourceUrl,
+        patchVideoSource
+      };
+    }
+  }
+  if (hasProgressiveSources) {
+    const highestQuality = sources[sources.length - 1];
+    if (qualityPolicy === 'highest') {
+      var _highestQuality$types;
+      const url = (_highestQuality$types = highestQuality.types.find(type => type.format === 'mp4')) == null ? void 0 : _highestQuality$types.uri;
+      if (url) {
+        const videoSourceUrl = getCompleteUrl(url, STATIC_VIDEO_URL);
+        return {
+          videoSourceUrl,
+          patchVideoSource: videoNode => {
+            videoNode.src = videoSourceUrl;
+            videoNode.load();
+          }
+        };
+      }
+    } else {
+      var _targetQuality$types$;
+      const videoWidth = parseInt(highestQuality.width.toString(), 10);
+      const videoHeight = parseInt(highestQuality.height.toString(), 10);
+      const scaleFactor = getScaleFactor(width, height, videoWidth, videoHeight);
+      const videoScaledDimensions = getVideoDimension(scaleFactor, videoWidth, videoHeight);
+      const targetQuality = getVideoQualityBySize(sources, videoScaledDimensions);
+      const url = (_targetQuality$types$ = targetQuality.types.find(type => type.format === 'mp4')) == null ? void 0 : _targetQuality$types$.uri;
+      if (url) {
+        const videoSourceUrl = getCompleteUrl(url, STATIC_VIDEO_URL);
+        return {
+          videoSourceUrl,
+          patchVideoSource: videoNode => {
+            videoNode.src = videoSourceUrl;
+            videoNode.load();
+          }
+        };
+      }
+    }
+  }
+  if (hasAbsoluteUri) {
+    return {
+      videoSourceUrl: uri,
+      patchVideoSource: videoNode => {
+        videoNode.src = uri;
+        videoNode.load();
+      }
+    };
+  }
+  return {
+    videoSourceUrl: '',
+    patchVideoSource: () => {}
+  };
+}
+//# sourceMappingURL=utils.js.map

package/dist/cjs/custom-element/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["STATIC_VIDEO_URL","STATIC_ADAPTIVE_VIDEO_URL","isAbsoluteUrl","url","startsWith","sortQualities","sources","sort","a","b","width","height","getCompleteUrl","staticVideoUrl","completeUrl","URL","href","getVideoQualityBySize","targetQuality","find","value","length","getScaleFactor","containerWidth","containerHeight","videoWidth","videoHeight","wScale","hScale","getVideoDimension","videoScale","scale","Math","min","round","setVideoFocalPoint","videoNode","focalPoint","focalX","x","focalY","y","style","setProperty","toString","getVideoSource","uri","qualityPolicy","adaptiveSources","duration","onError","hasProgressiveSources","hasAbsoluteUri","shouldSkipAdaptiveShortVideo","hlsSource","s","format","Hls","Promise","resolve","then","_interopRequireWildcard","require","default","isSupported","videoSourceUrl","patchVideoSource","hls","loadSource","attachMedia","on","Events","ERROR","_","data","fatal","type","ErrorTypes","NETWORK_ERROR","startLoad","Error","details","MEDIA_ERROR","recoverMediaError","destroy","highestQuality","_highestQuality$types","types","src","load","_targetQuality$types$","parseInt","scaleFactor","videoScaledDimensions"],"sources":["../../../src/custom-element/utils.ts"],"sourcesContent":["import { AdaptiveVideoSource, QualityPolicy, VideoSource } from '../types';\n\nconst STATIC_VIDEO_URL = 'https://video.wixstatic.com/';\nconst STATIC_ADAPTIVE_VIDEO_URL = 'https://files.wix.com/';\n\nconst isAbsoluteUrl = (url: string) =>\n  url.startsWith('http://') || url.startsWith('https://');\n\nexport function sortQualities(sources: VideoSource[]) {\n  return sources.sort((a, b) => a.width * a.height - b.width * b.height);\n}\n\nfunction getCompleteUrl(url: string, staticVideoUrl?: string): string {\n  const completeUrl = isAbsoluteUrl(url)\n    ? new URL(url)\n    : new URL(url, staticVideoUrl);\n  return completeUrl.href;\n}\n\nfunction getVideoQualityBySize(\n  sources: VideoSource[],\n  { width, height }: { width: number; height: number },\n): VideoSource {\n  const targetQuality = sources.find(\n    (value) => value.width * value.height > width * height,\n  );\n\n  return targetQuality || sources[sources.length - 1];\n}\n\nfunction getScaleFactor(\n  containerWidth: number,\n  containerHeight: number,\n  videoWidth: number,\n  videoHeight: number,\n): { wScale: number; hScale: number } {\n  return {\n    wScale: containerWidth / videoWidth,\n    hScale: containerHeight / videoHeight,\n  };\n}\n\nfunction getVideoDimension(\n  videoScale: { wScale: number; hScale: number },\n  videoWidth: number,\n  videoHeight: number,\n): { width: number; height: number } {\n  const scale: number = Math.min(videoScale.wScale, videoScale.hScale);\n\n  return {\n    width: Math.round(videoWidth * scale),\n    height: Math.round(videoHeight * scale),\n  };\n}\n\nexport function setVideoFocalPoint(\n  videoNode: HTMLVideoElement,\n  focalPoint: { x: number; y: number },\n) {\n  const focalX = focalPoint?.x ?? 50;\n  const focalY = focalPoint?.y ?? 50;\n  videoNode.style.setProperty('--focal-x', focalX.toString());\n  videoNode.style.setProperty('--focal-y', focalY.toString());\n}\n\nexport async function getVideoSource(\n  width: number,\n  height: number,\n  uri: string,\n  qualityPolicy: QualityPolicy,\n  sources?: VideoSource[],\n  adaptiveSources?: AdaptiveVideoSource[],\n  duration?: number,\n  onError?: (error: Error) => void,\n): Promise<{\n  videoSourceUrl: string;\n  patchVideoSource: (videoNode: HTMLVideoElement) => void;\n}> {\n  const hasProgressiveSources = sources && sources.length > 0;\n  const hasAbsoluteUri = uri && isAbsoluteUrl(uri);\n  const shouldSkipAdaptiveShortVideo = duration && duration < 40;\n\n  if (\n    qualityPolicy === 'adaptive' &&\n    adaptiveSources &&\n    adaptiveSources.length > 0 &&\n    !shouldSkipAdaptiveShortVideo\n  ) {\n    const hlsSource = adaptiveSources.find((s) => s.format === 'hls');\n    const Hls = await import('hls.js');\n    if (hlsSource && Hls && Hls.default.isSupported()) {\n      const videoSourceUrl = getCompleteUrl(\n        hlsSource.uri,\n        STATIC_ADAPTIVE_VIDEO_URL,\n      );\n      const patchVideoSource = (videoNode: HTMLVideoElement) => {\n        const hls = new Hls.default();\n        hls.loadSource(videoSourceUrl);\n        hls.attachMedia(videoNode);\n\n        hls.on(Hls.default.Events.ERROR, (_, data) => {\n          if (data.fatal) {\n            switch (data.type) {\n              case Hls.default.ErrorTypes.NETWORK_ERROR:\n                hls.startLoad();\n                if (onError) {\n                  onError(\n                    new Error(\n                      `HLS Network Error: ${data.details}.\\nAttempting to reconnect...`,\n                    ),\n                  );\n                }\n                break;\n              case Hls.default.ErrorTypes.MEDIA_ERROR:\n                hls.recoverMediaError();\n                if (onError) {\n                  onError(\n                    new Error(\n                      `HLS Media Error: ${data.details}.\\nAttempting to recover...`,\n                    ),\n                  );\n                }\n                break;\n              default:\n                hls.destroy();\n                if (onError) {\n                  onError(\n                    new Error(\n                      `HLS Unknown Error: ${data.details}.\\nUnrecoverable playback error`,\n                    ),\n                  );\n                }\n                break;\n            }\n          }\n        });\n      };\n      return { videoSourceUrl, patchVideoSource };\n    }\n  }\n  if (hasProgressiveSources) {\n    const highestQuality = sources[sources.length - 1];\n    if (qualityPolicy === 'highest') {\n      const url = highestQuality.types.find(\n        (type) => type.format === 'mp4',\n      )?.uri;\n      if (url) {\n        const videoSourceUrl = getCompleteUrl(url, STATIC_VIDEO_URL);\n        return {\n          videoSourceUrl,\n          patchVideoSource: (videoNode: HTMLVideoElement) => {\n            videoNode.src = videoSourceUrl;\n            videoNode.load();\n          },\n        };\n      }\n    } else {\n      const videoWidth = parseInt(highestQuality.width.toString(), 10);\n      const videoHeight = parseInt(highestQuality.height.toString(), 10);\n      const scaleFactor = getScaleFactor(\n        width,\n        height,\n        videoWidth,\n        videoHeight,\n      );\n      const videoScaledDimensions = getVideoDimension(\n        scaleFactor,\n        videoWidth,\n        videoHeight,\n      );\n      const targetQuality = getVideoQualityBySize(\n        sources,\n        videoScaledDimensions,\n      );\n      const url = targetQuality.types.find(\n        (type) => type.format === 'mp4',\n      )?.uri;\n      if (url) {\n        const videoSourceUrl = getCompleteUrl(url, STATIC_VIDEO_URL);\n        return {\n          videoSourceUrl,\n          patchVideoSource: (videoNode: HTMLVideoElement) => {\n            videoNode.src = videoSourceUrl;\n            videoNode.load();\n          },\n        };\n      }\n    }\n  }\n  if (hasAbsoluteUri) {\n    return {\n      videoSourceUrl: uri,\n      patchVideoSource: (videoNode: HTMLVideoElement) => {\n        videoNode.src = uri;\n        videoNode.load();\n      },\n    };\n  }\n  return {\n    videoSourceUrl: '',\n    patchVideoSource: () => {},\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/custom-element/videoLayout.js

@@ -0,0 +1,120 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _utils = require("./utils");
+var _default = exports.default = {
+  /**
+   * @param {HTMLVideoElement} videoNode
+   * @param {HTMLElement} container
+   * @param {QualityPolicy} quality
+   * @param {string} uri
+   * @param {Object[]} sources
+   * @param {Object[]} adaptiveSources
+   * @param {number} duration
+   * @param {(error: Error) => void} onError
+   * @return {{currentSrc: string, videoSourceUrl: string}}
+   */
+  async measure(videoNode, container, quality, uri, sources, adaptiveSources, duration, onError) {
+    const {
+      videoSourceUrl,
+      patchVideoSource
+    } = await (0, _utils.getVideoSource)(container.offsetWidth, container.offsetHeight, uri, quality, sources, adaptiveSources, duration, onError);
+    const needsSrcUpdate = shouldUpdateSrc(videoNode, videoSourceUrl);
+    return {
+      needsSrcUpdate,
+      patchVideoSource
+    };
+  },
+  /**
+   * @param {HTMLDivElement} poster
+   * @param {HTMLVideoElement} videoNode
+   * @param {boolean} autoplay
+   * @param {boolean} needsSrcUpdate
+   * @param {string} posterEffect
+   * @param {number} playbackRate
+   * @param {(videoNode: HTMLVideoElement) => void} patchVideoSource
+   * @param {Object[]} sources
+   * @param {Object} focalPoint
+   */
+  mutate(poster, videoNode, autoplay, needsSrcUpdate, posterEffect, playbackRate, patchVideoSource, sources, focalPoint) {
+    videoNode.toggleAttribute('autoplay', autoplay);
+    if (sources != null && sources[0]) {
+      const videoWidth = sources[0].width;
+      const videoHeight = sources[0].height;
+      const aspectRatio = videoWidth / videoHeight;
+      videoNode.style.setProperty('--aspect-ratio', aspectRatio.toString());
+    }
+    if (focalPoint) {
+      (0, _utils.setVideoFocalPoint)(videoNode, focalPoint);
+    }
+    handlePosterVisibility(needsSrcUpdate, videoNode, poster, posterEffect, autoplay);
+    if (needsSrcUpdate) {
+      patchVideoSource(videoNode);
+    }
+    videoNode.playbackRate = playbackRate;
+  }
+};
+/**
+ *
+ * @param videoNode
+ * @param newSrcUrl
+ * @returns {*|boolean}
+ */
+function shouldUpdateSrc(videoNode, newSrcUrl) {
+  const hasError = videoNode.networkState === videoNode.NETWORK_NO_SOURCE;
+  const hasDiff = !videoNode.currentSrc.endsWith(newSrcUrl);
+  return Boolean(newSrcUrl && (hasDiff || hasError));
+}
+
+/**
+ *
+ * @param {boolean} needsEventUpdate
+ * @param {HTMLVideoElement} videoNode
+ * @param {HTMLDivElement} posterNode
+ * @param {string} posterEffect
+ * @param {boolean} autoplay
+ */
+function handlePosterVisibility(needsEventUpdate, videoNode, posterNode, posterEffect, autoplay) {
+  const isPausedOrEmpty = videoNode.paused || videoNode.currentSrc === '';
+  if (needsEventUpdate && isPausedOrEmpty) {
+    videoNode.ontimeupdate = null;
+    videoNode.onseeked = null;
+    videoNode.onplay = null;
+    if (autoplay) {
+      const muteState = videoNode.muted;
+      videoNode.ontimeupdate = () => {
+        if (videoNode.currentTime > 0) {
+          videoNode.ontimeupdate = null;
+          videoNode.onseeked = () => {
+            videoNode.onseeked = null;
+            videoNode.muted = muteState;
+            removePoster(videoNode, posterNode, posterEffect);
+          };
+          videoNode.currentTime = 0;
+        }
+      };
+    } else {
+      videoNode.onplay = () => {
+        videoNode.onplay = null;
+        removePoster(videoNode, posterNode, posterEffect);
+      };
+    }
+  }
+}
+
+/**
+ * Show video , hide poster
+ *
+ * @param videoNode
+ * @param posterNode
+ * @param posterEffect
+ */
+function removePoster(videoNode, posterNode, posterEffect) {
+  if (posterEffect === 'fade') {
+    posterNode.style.transition = 'opacity 1.6s ease-out';
+  }
+  posterNode.style.opacity = '0';
+  videoNode.style.opacity = '1';
+}
+//# sourceMappingURL=videoLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_default","exports","default","measure","videoNode","container","quality","uri","sources","adaptiveSources","duration","onError","videoSourceUrl","patchVideoSource","getVideoSource","offsetWidth","offsetHeight","needsSrcUpdate","shouldUpdateSrc","mutate","poster","autoplay","posterEffect","playbackRate","focalPoint","toggleAttribute","videoWidth","width","videoHeight","height","aspectRatio","style","setProperty","toString","setVideoFocalPoint","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":"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","ignoreList":[]}

package/dist/cjs/customElementInit.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.initCustomElement = initCustomElement;
+var _registry = require("./custom-element/registry");
+function initCustomElement(contextWindow = null, services = {}) {
+  const actualWindow = contextWindow || window;
+  (0, _registry.init)(actualWindow, services);
+}
+//# sourceMappingURL=customElementInit.js.map

package/dist/cjs/customElementInit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_registry","require","initCustomElement","contextWindow","services","actualWindow","window","init"],"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,IAAAA,SAAA,GAAAC,OAAA;AAGA,SAASC,iBAAiBA,CACxBC,aAAkD,GAAG,IAAI,EACzDC,QAA+B,GAAG,CAAC,CAAC,EACpC;EACA,MAAMC,YAAY,GAAGF,aAAa,IAAIG,MAAM;EAE5C,IAAAC,cAAI,EAACF,YAAY,EAAED,QAAQ,CAAC;AAC9B","ignoreList":[]}

package/dist/cjs/dataManifest.js

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports.videoDataManifest = void 0;
+var _schema = require("@wix/component-protocol/schema");
+const videoDataManifest = exports.videoDataManifest = {
+  videoMedia: {
+    dataType: _schema.DATA.DATA_TYPE.video
+  },
+  qualityPolicy: {
+    dataType: _schema.DATA.DATA_TYPE.textEnum,
+    [_schema.DATA.DATA_TYPE.textEnum]: {
+      options: [{
+        value: 'PROPORTIONAL',
+        displayName: 'Proportional'
+      }, {
+        value: 'HIGHEST',
+        displayName: 'Highest'
+      }, {
+        value: 'ADAPTIVE',
+        displayName: 'Adaptive'
+      }]
+    }
+  },
+  poster: {
+    dataType: _schema.DATA.DATA_TYPE.image
+  },
+  loop: {
+    dataType: _schema.DATA.DATA_TYPE.booleanValue
+  },
+  muted: {
+    dataType: _schema.DATA.DATA_TYPE.booleanValue
+  },
+  autoplay: {
+    dataType: _schema.DATA.DATA_TYPE.booleanValue
+  },
+  playbackRate: {
+    dataType: _schema.DATA.DATA_TYPE.number
+  },
+  posterEffect: {
+    dataType: _schema.DATA.DATA_TYPE.textEnum,
+    [_schema.DATA.DATA_TYPE.textEnum]: {
+      options: [{
+        value: 'FADE',
+        displayName: 'Fade'
+      }, {
+        value: 'NONE',
+        displayName: 'None'
+      }]
+    }
+  }
+};
+//# sourceMappingURL=dataManifest.js.map

package/dist/cjs/dataManifest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_schema","require","videoDataManifest","exports","videoMedia","dataType","DATA","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,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,iBAAsC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACpDE,UAAU,EAAE;IACVC,QAAQ,EAAEC,YAAI,CAACC,SAAS,CAACC;EAC3B,CAAC;EACDC,aAAa,EAAE;IACbJ,QAAQ,EAAEC,YAAI,CAACC,SAAS,CAACG,QAAQ;IACjC,CAACJ,YAAI,CAACC,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;IACNT,QAAQ,EAAEC,YAAI,CAACC,SAAS,CAACQ;EAC3B,CAAC;EACDC,IAAI,EAAE;IACJX,QAAQ,EAAEC,YAAI,CAACC,SAAS,CAACU;EAC3B,CAAC;EACDC,KAAK,EAAE;IACLb,QAAQ,EAAEC,YAAI,CAACC,SAAS,CAACU;EAC3B,CAAC;EACDE,QAAQ,EAAE;IACRd,QAAQ,EAAEC,YAAI,CAACC,SAAS,CAACU;EAC3B,CAAC;EACDG,YAAY,EAAE;IACZf,QAAQ,EAAEC,YAAI,CAACC,SAAS,CAACc;EAC3B,CAAC;EACDC,YAAY,EAAE;IACZjB,QAAQ,EAAEC,YAAI,CAACC,SAAS,CAACG,QAAQ;IACjC,CAACJ,YAAI,CAACC,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/cjs/external-types.d.js

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

package/dist/cjs/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/cjs/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _exportNames = {
+  Video: true,
+  initCustomElement: true,
+  videoDataManifest: true
+};
+var _Video = _interopRequireDefault(require("./Video"));
+exports.Video = _Video.default;
+var _customElementInit = require("./customElementInit");
+exports.initCustomElement = _customElementInit.initCustomElement;
+var _dataManifest = require("./dataManifest");
+exports.videoDataManifest = _dataManifest.videoDataManifest;
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Video","_interopRequireDefault","require","exports","Video","default","_customElementInit","initCustomElement","_dataManifest","videoDataManifest","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4BC,OAAA,CAAAC,KAAA,GAAAJ,MAAA,CAAAK,OAAA;AAC5B,IAAAC,kBAAA,GAAAJ,OAAA;AAAwDC,OAAA,CAAAI,iBAAA,GAAAD,kBAAA,CAAAC,iBAAA;AACxD,IAAAC,aAAA,GAAAN,OAAA;AAAmDC,OAAA,CAAAM,iBAAA,GAAAD,aAAA,CAAAC,iBAAA;AAGnD,IAAAC,MAAA,GAAAR,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAX,OAAA,IAAAA,OAAA,CAAAW,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAX,OAAA,CAAAW,GAAA,IAAAJ,MAAA,CAAAI,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/storybook/Container.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Container = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/5a10c7a05f300a84/packages/video/dist/cjs/storybook/Container.tsx";
+const Container = ({
+  id,
+  width,
+  height,
+  children
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    style: {
+      width,
+      height,
+      border: '1px solid red'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.cloneElement(children, {
+    containerWidth: width,
+    containerHeight: height
+  }));
+};
+exports.Container = Container;
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","Container","id","width","height","children","default","createElement","style","border","__self","__source","fileName","lineNumber","columnNumber","React","cloneElement","containerWidth","containerHeight","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,YAAA;AAInB,MAAMC,SAAoC,GAAGA,CAAC;EACnDC,EAAE;EACFC,KAAK;EACLC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKL,EAAE,EAAEA,EAAG;IAACM,KAAK,EAAE;MAAEL,KAAK;MAAEC,MAAM;MAAEK,MAAM,EAAE;IAAgB,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DC,cAAK,CAACC,YAAY,CAACX,QAAQ,EAA6B;IACvDY,cAAc,EAAEd,KAAK;IACrBe,eAAe,EAAEd;EACnB,CAAC,CACE,CAAC;AAEV,CAAC;AAACe,OAAA,CAAAlB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/storybook/args.js

@@ -0,0 +1,178 @@
+"use strict";
+
+exports.__esModule = true;
+exports.sampleVideo = exports.argTypes = void 0;
+const sampleVideo = exports.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'
+};
+const argTypes = exports.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/cjs/storybook/args.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sampleVideo","exports","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":";;;;AAAO,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACzBE,UAAU,EAAE;IACVC,OAAO,EAAE,CACP;MACEC,OAAO,EAAE,OAAgB;MACzBC,KAAK,EAAE,IAAI;MACXC,MAAM,EAAE,IAAI;MACZC,KAAK,EAAE,CACL;QACEC,MAAM,EAAE,KAAc;QACtBC,GAAG,EAAE;MACP,CAAC;IAEL,CAAC,EACD;MACEL,OAAO,EAAE,MAAe;MACxBC,KAAK,EAAE,IAAI;MACXC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,CACL;QACEC,MAAM,EAAE,KAAc;QACtBC,GAAG,EAAE;MACP,CAAC;IAEL,CAAC,EACD;MACEL,OAAO,EAAE,MAAe;MACxBC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,CACL;QACEC,MAAM,EAAE,KAAc;QACtBC,GAAG,EAAE;MACP,CAAC;IAEL,CAAC,EACD;MACEL,OAAO,EAAE,MAAe;MACxBC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,CACL;QACEC,MAAM,EAAE,KAAc;QACtBC,GAAG,EAAE;MACP,CAAC;IAEL,CAAC,CACF;IACDC,eAAe,EAAE,CACf;MACEF,MAAM,EAAE,KAAc;MACtBC,GAAG,EAAE;IACP,CAAC,CACF;IACDA,GAAG,EAAE,cAAc;IACnBE,QAAQ,EAAE,IAAI;IACdC,GAAG,EAAE,EAAE;IACPC,QAAQ,EAAE,EAAE;IACZC,MAAM,EAAE;MACNC,EAAE,EAAE,cAAc;MAClBN,GAAG,EAAE,iDAAiD;MACtDJ,KAAK,EAAE,IAAI;MACXC,MAAM,EAAE,IAAI;MACZU,IAAI,EAAE,kBAAkB;MACxBC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,IAAI;EACdC,YAAY,EAAE,MAAM;EACpBC,YAAY,EAAE,CAAC;EACfC,aAAa,EAAE;AACjB,CAAC;AAEM,MAAMC,QAAQ,GAAAvB,OAAA,CAAAuB,QAAA,GAAG;EACtBD,aAAa,EAAE;IACbE,OAAO,EAAE,QAAQ;IACjBC,OAAO,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC;IACxDC,YAAY,EAAE,cAAc;IAC5BC,WAAW,EAAE,8BAA8B;IAC3CC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDC,cAAc,EAAE;IACdP,OAAO,EAAE,QAAQ;IACjBE,YAAY,EAAE,GAAG;IACjBC,WAAW,EAAE,0CAA0C;IACvDC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDE,eAAe,EAAE;IACfR,OAAO,EAAE,QAAQ;IACjBE,YAAY,EAAE,GAAG;IACjBC,WAAW,EAAE,2CAA2C;IACxDC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDZ,KAAK,EAAE;IACLM,OAAO,EAAE,SAAS;IAClBE,YAAY,EAAE,IAAI;IAClBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDb,IAAI,EAAE;IACJO,OAAO,EAAE,SAAS;IAClBE,YAAY,EAAE,IAAI;IAClBC,WAAW,EAAE,4CAA4C;IACzDC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDV,YAAY,EAAE;IACZI,OAAO,EAAE,QAAQ;IACjBC,OAAO,EAAE,CAACQ,SAAS,EAAE,MAAM,CAAC;IAC5BP,YAAY,EAAEO,SAAS;IACvBN,WAAW,EAAE,yDAAyD;IACtEC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDT,YAAY,EAAE;IACZG,OAAO,EAAE,QAAQ;IACjBE,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,gCAAgC;IAC7CC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDX,QAAQ,EAAE;IACRK,OAAO,EAAE,SAAS;IAClBE,YAAY,EAAE,IAAI;IAClBC,WAAW,EAAE,mCAAmC;IAChDC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDI,WAAW,EAAE;IACXV,OAAO,EAAE;MACPK,IAAI,EAAE,OAAO;MACbM,GAAG,EAAE,CAAC;MACNC,GAAG,EAAE,GAAG;MACRC,IAAI,EAAE;IACR,CAAC;IACDX,YAAY,EAAE,EAAE;IAChBC,WAAW,EACT,sEAAsE;IACxEC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF,CAAC;EACDQ,WAAW,EAAE;IACXd,OAAO,EAAE;MACPK,IAAI,EAAE,OAAO;MACbM,GAAG,EAAE,CAAC;MACNC,GAAG,EAAE,GAAG;MACRC,IAAI,EAAE;IACR,CAAC;IACDX,YAAY,EAAE,EAAE;IAChBC,WAAW,EACT,oEAAoE;IACtEC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF;EACF;AACF,CAAC","ignoreList":[]}