@loaders.gl/video 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/dist.dev.js

@@ -0,0 +1,2113 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (typeof exports === 'object' && typeof module === 'object')
+    module.exports = factory();
+  else if (typeof define === 'function' && define.amd) define([], factory);
+        else if (typeof exports === 'object') exports['loader'] = factory();
+  else root['loader'] = factory();})(globalThis, function () {
+"use strict";
+var __exports__ = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/index.ts
+  var src_exports = {};
+  __export(src_exports, {
+    GIFBuilder: () => GIFBuilder,
+    VideoLoader: () => VideoLoader
+  });
+
+  // src/lib/parsers/parse-video.ts
+  async function parseVideo(arrayBuffer) {
+    const blob2 = new Blob([arrayBuffer]);
+    const video = document.createElement("video");
+    video.src = URL.createObjectURL(blob2);
+    return video;
+  }
+
+  // src/video-loader.ts
+  var VERSION = typeof __VERSION__ !== "undefined" ? __VERSION__ : "latest";
+  var EXTENSIONS = ["mp4"];
+  var MIME_TYPES = ["video/mp4"];
+  var DEFAULT_LOADER_OPTIONS = {
+    video: {}
+  };
+  var VideoLoader = {
+    name: "Video",
+    id: "video",
+    module: "video",
+    version: VERSION,
+    extensions: EXTENSIONS,
+    mimeTypes: MIME_TYPES,
+    parse: parseVideo,
+    options: DEFAULT_LOADER_OPTIONS
+  };
+
+  // src/lib/utils/assert.ts
+  function assert(condition, message) {
+    if (!condition) {
+      throw new Error(message);
+    }
+  }
+
+  // src/lib/gifshot/gifshot.ts
+  var utils = {
+    URL: globalThis.URL || globalThis.webkitURL || globalThis.mozURL || globalThis.msURL,
+    getUserMedia: function() {
+      if (!globalThis.navigator)
+        return globalThis.navigator;
+      const getUserMedia = globalThis.navigator.getUserMedia || globalThis.navigator.webkitGetUserMedia || globalThis.navigator.mozGetUserMedia || globalThis.navigator.msGetUserMedia;
+      return getUserMedia ? getUserMedia.bind(globalThis.navigator) : getUserMedia;
+    }(),
+    requestAnimFrame: globalThis.requestAnimationFrame || globalThis.webkitRequestAnimationFrame || globalThis.mozRequestAnimationFrame || globalThis.oRequestAnimationFrame || globalThis.msRequestAnimationFrame,
+    requestTimeout: function requestTimeout(callback, delay) {
+      callback = callback || utils.noop;
+      delay = delay || 0;
+      if (!utils.requestAnimFrame) {
+        return setTimeout(callback, delay);
+      }
+      const start = new Date().getTime();
+      const handle = new Object();
+      const requestAnimFrame = utils.requestAnimFrame;
+      const loop = function loop2() {
+        const current = new Date().getTime();
+        const delta = current - start;
+        delta >= delay ? callback.call() : handle.value = requestAnimFrame(loop2);
+      };
+      handle.value = requestAnimFrame(loop);
+      return handle;
+    },
+    Blob: globalThis.Blob || globalThis.BlobBuilder || globalThis.WebKitBlobBuilder || globalThis.MozBlobBuilder || globalThis.MSBlobBuilder,
+    btoa: function() {
+      const btoa = globalThis.btoa || function(input) {
+        let output = "";
+        let i = 0;
+        const l = input.length;
+        const key = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+        let chr1 = void 0;
+        let chr2 = void 0;
+        let chr3 = void 0;
+        let enc1 = void 0;
+        let enc2 = void 0;
+        let enc3 = void 0;
+        let enc4 = void 0;
+        while (i < l) {
+          chr1 = input.charCodeAt(i++);
+          chr2 = input.charCodeAt(i++);
+          chr3 = input.charCodeAt(i++);
+          enc1 = chr1 >> 2;
+          enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+          enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+          enc4 = chr3 & 63;
+          if (isNaN(chr2)) {
+            enc3 = enc4 = 64;
+          } else if (isNaN(chr3)) {
+            enc4 = 64;
+          }
+          output = output + key.charAt(enc1) + key.charAt(enc2) + key.charAt(enc3) + key.charAt(enc4);
+        }
+        return output;
+      };
+      return btoa ? btoa.bind(globalThis) : utils.noop;
+    }(),
+    isObject: function isObject(obj) {
+      return obj && Object.prototype.toString.call(obj) === "[object Object]";
+    },
+    isEmptyObject: function isEmptyObject(obj) {
+      return utils.isObject(obj) && !Object.keys(obj).length;
+    },
+    isArray: function isArray(arr) {
+      return arr && Array.isArray(arr);
+    },
+    isFunction: function isFunction(func) {
+      return func && typeof func === "function";
+    },
+    isElement: function isElement(elem) {
+      return elem && elem.nodeType === 1;
+    },
+    isString: function isString(value) {
+      return typeof value === "string" || Object.prototype.toString.call(value) === "[object String]";
+    },
+    isSupported: {
+      canvas: function canvas() {
+        const el = document.createElement("canvas");
+        return el && el.getContext && el.getContext("2d");
+      },
+      webworkers: function webworkers() {
+        return globalThis.Worker;
+      },
+      blob: function blob() {
+        return utils.Blob;
+      },
+      Uint8Array: function Uint8Array2() {
+        return globalThis.Uint8Array;
+      },
+      Uint32Array: function Uint32Array2() {
+        return globalThis.Uint32Array;
+      },
+      videoCodecs: function() {
+        const testEl = document.createElement("video");
+        const supportObj = {
+          mp4: false,
+          h264: false,
+          ogv: false,
+          ogg: false,
+          webm: false
+        };
+        try {
+          if (testEl && testEl.canPlayType) {
+            supportObj.mp4 = testEl.canPlayType('video/mp4; codecs="mp4v.20.8"') !== "";
+            supportObj.h264 = (testEl.canPlayType('video/mp4; codecs="avc1.42E01E"') || testEl.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')) !== "";
+            supportObj.ogv = testEl.canPlayType('video/ogg; codecs="theora"') !== "";
+            supportObj.ogg = testEl.canPlayType('video/ogg; codecs="theora"') !== "";
+            supportObj.webm = testEl.canPlayType('video/webm; codecs="vp8, vorbis"') !== -1;
+          }
+        } catch (e) {
+        }
+        return supportObj;
+      }()
+    },
+    noop: function noop() {
+    },
+    each: function each(collection, callback) {
+      let x = void 0;
+      let len = void 0;
+      if (utils.isArray(collection)) {
+        x = -1;
+        len = collection.length;
+        while (++x < len) {
+          if (callback(x, collection[x]) === false) {
+            break;
+          }
+        }
+      } else if (utils.isObject(collection)) {
+        for (x in collection) {
+          if (collection.hasOwnProperty(x)) {
+            if (callback(x, collection[x]) === false) {
+              break;
+            }
+          }
+        }
+      }
+    },
+    normalizeOptions: function normalizeOptions(defaultOptions2, userOptions) {
+      if (!utils.isObject(defaultOptions2) || !utils.isObject(userOptions) || !Object.keys) {
+        return;
+      }
+      const newObj = {};
+      utils.each(defaultOptions2, function(key, val) {
+        newObj[key] = defaultOptions2[key];
+      });
+      utils.each(userOptions, function(key, val) {
+        const currentUserOption = userOptions[key];
+        if (!utils.isObject(currentUserOption)) {
+          newObj[key] = currentUserOption;
+        } else if (!defaultOptions2[key]) {
+          newObj[key] = currentUserOption;
+        } else {
+          newObj[key] = utils.normalizeOptions(defaultOptions2[key], currentUserOption);
+        }
+      });
+      return newObj;
+    },
+    setCSSAttr: function setCSSAttr(elem, attr, val) {
+      if (!utils.isElement(elem)) {
+        return;
+      }
+      if (utils.isString(attr) && utils.isString(val)) {
+        elem.style[attr] = val;
+      } else if (utils.isObject(attr)) {
+        utils.each(attr, function(key, val2) {
+          elem.style[key] = val2;
+        });
+      }
+    },
+    removeElement: function removeElement(node) {
+      if (!utils.isElement(node)) {
+        return;
+      }
+      if (node.parentNode) {
+        node.parentNode.removeChild(node);
+      }
+    },
+    createWebWorker: function createWebWorker(content) {
+      if (!utils.isString(content)) {
+        return {};
+      }
+      try {
+        const blob2 = new utils.Blob([content], {
+          type: "text/javascript"
+        });
+        const objectUrl = utils.URL.createObjectURL(blob2);
+        const worker = new Worker(objectUrl);
+        return {
+          objectUrl,
+          worker
+        };
+      } catch (e) {
+        return `${e}`;
+      }
+    },
+    getExtension: function getExtension(src) {
+      return src.substr(src.lastIndexOf(".") + 1, src.length);
+    },
+    getFontSize: function getFontSize() {
+      const options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      if (!document.body || options.resizeFont === false) {
+        return options.fontSize;
+      }
+      const text = options.text;
+      const containerWidth = options.gifWidth;
+      let fontSize = parseInt(options.fontSize, 10);
+      const minFontSize = parseInt(options.minFontSize, 10);
+      const div = document.createElement("div");
+      const span = document.createElement("span");
+      div.setAttribute("width", containerWidth);
+      div.appendChild(span);
+      span.innerHTML = text;
+      span.style.fontSize = `${fontSize}px`;
+      span.style.textIndent = "-9999px";
+      span.style.visibility = "hidden";
+      document.body.appendChild(span);
+      while (span.offsetWidth > containerWidth && fontSize >= minFontSize) {
+        span.style.fontSize = `${--fontSize}px`;
+      }
+      document.body.removeChild(span);
+      return `${fontSize}px`;
+    },
+    webWorkerError: false
+  };
+  var utils$2 = Object.freeze({
+    default: utils
+  });
+  var error = {
+    validate: function validate(skipObj) {
+      skipObj = utils.isObject(skipObj) ? skipObj : {};
+      let errorObj = {};
+      utils.each(error.validators, function(indece, currentValidator) {
+        const errorCode = currentValidator.errorCode;
+        if (!skipObj[errorCode] && !currentValidator.condition) {
+          errorObj = currentValidator;
+          errorObj.error = true;
+          return false;
+        }
+      });
+      delete errorObj.condition;
+      return errorObj;
+    },
+    isValid: function isValid(skipObj) {
+      const errorObj = error.validate(skipObj);
+      const isValid2 = errorObj.error !== true;
+      return isValid2;
+    },
+    validators: [{
+      condition: utils.isFunction(utils.getUserMedia),
+      errorCode: "getUserMedia",
+      errorMsg: "The getUserMedia API is not supported in your browser"
+    }, {
+      condition: utils.isSupported.canvas(),
+      errorCode: "canvas",
+      errorMsg: "Canvas elements are not supported in your browser"
+    }, {
+      condition: utils.isSupported.webworkers(),
+      errorCode: "webworkers",
+      errorMsg: "The Web Workers API is not supported in your browser"
+    }, {
+      condition: utils.isFunction(utils.URL),
+      errorCode: "globalThis.URL",
+      errorMsg: "The globalThis.URL API is not supported in your browser"
+    }, {
+      condition: utils.isSupported.blob(),
+      errorCode: "globalThis.Blob",
+      errorMsg: "The globalThis.Blob File API is not supported in your browser"
+    }, {
+      condition: utils.isSupported.Uint8Array(),
+      errorCode: "globalThis.Uint8Array",
+      errorMsg: "The globalThis.Uint8Array function constructor is not supported in your browser"
+    }, {
+      condition: utils.isSupported.Uint32Array(),
+      errorCode: "globalThis.Uint32Array",
+      errorMsg: "The globalThis.Uint32Array function constructor is not supported in your browser"
+    }],
+    messages: {
+      videoCodecs: {
+        errorCode: "videocodec",
+        errorMsg: "The video codec you are trying to use is not supported in your browser"
+      }
+    }
+  };
+  var error$2 = Object.freeze({
+    default: error
+  });
+  var noop2 = function noop3() {
+  };
+  var defaultOptions = {
+    sampleInterval: 10,
+    numWorkers: 2,
+    filter: "",
+    gifWidth: 200,
+    gifHeight: 200,
+    interval: 0.1,
+    numFrames: 10,
+    frameDuration: 1,
+    keepCameraOn: false,
+    images: [],
+    video: null,
+    webcamVideoElement: null,
+    cameraStream: null,
+    text: "",
+    fontWeight: "normal",
+    fontSize: "16px",
+    minFontSize: "10px",
+    resizeFont: false,
+    fontFamily: "sans-serif",
+    fontColor: "#ffffff",
+    textAlign: "center",
+    textBaseline: "bottom",
+    textXCoordinate: null,
+    textYCoordinate: null,
+    progressCallback: noop2,
+    completeCallback: noop2,
+    saveRenderingContexts: false,
+    savedRenderingContexts: [],
+    crossOrigin: "Anonymous"
+  };
+  var defaultOptions$2 = Object.freeze({
+    default: defaultOptions
+  });
+  function isSupported() {
+    return error.isValid();
+  }
+  function isWebCamGIFSupported() {
+    return error.isValid();
+  }
+  function isSupported$1() {
+    const options = {
+      getUserMedia: true
+    };
+    return error.isValid(options);
+  }
+  function isExistingVideoGIFSupported(codecs) {
+    let hasValidCodec = false;
+    if (utils.isArray(codecs) && codecs.length) {
+      utils.each(codecs, function(indece, currentCodec) {
+        if (utils.isSupported.videoCodecs[currentCodec]) {
+          hasValidCodec = true;
+        }
+      });
+      if (!hasValidCodec) {
+        return false;
+      }
+    } else if (utils.isString(codecs) && codecs.length) {
+      if (!utils.isSupported.videoCodecs[codecs]) {
+        return false;
+      }
+    }
+    return error.isValid({
+      getUserMedia: true
+    });
+  }
+  function NeuQuant() {
+    const netsize = 256;
+    const prime1 = 499;
+    const prime2 = 491;
+    const prime3 = 487;
+    const prime4 = 503;
+    const minpicturebytes = 3 * prime4;
+    const maxnetpos = netsize - 1;
+    const netbiasshift = 4;
+    const ncycles = 100;
+    const intbiasshift = 16;
+    const intbias = 1 << intbiasshift;
+    const gammashift = 10;
+    const gamma = 1 << gammashift;
+    const betashift = 10;
+    const beta = intbias >> betashift;
+    const betagamma = intbias << gammashift - betashift;
+    const initrad = netsize >> 3;
+    const radiusbiasshift = 6;
+    const radiusbias = 1 << radiusbiasshift;
+    const initradius = initrad * radiusbias;
+    const radiusdec = 30;
+    const alphabiasshift = 10;
+    const initalpha = 1 << alphabiasshift;
+    let alphadec;
+    const radbiasshift = 8;
+    const radbias = 1 << radbiasshift;
+    const alpharadbshift = alphabiasshift + radbiasshift;
+    const alpharadbias = 1 << alpharadbshift;
+    let thepicture;
+    let lengthcount;
+    let samplefac;
+    let network;
+    const netindex = [];
+    const bias = [];
+    const freq = [];
+    const radpower = [];
+    function NeuQuantConstructor(thepic, len, sample) {
+      let i;
+      let p;
+      thepicture = thepic;
+      lengthcount = len;
+      samplefac = sample;
+      network = new Array(netsize);
+      for (i = 0; i < netsize; i++) {
+        network[i] = new Array(4);
+        p = network[i];
+        p[0] = p[1] = p[2] = (i << netbiasshift + 8) / netsize | 0;
+        freq[i] = intbias / netsize | 0;
+        bias[i] = 0;
+      }
+    }
+    function colorMap() {
+      const map2 = [];
+      const index = new Array(netsize);
+      for (let i = 0; i < netsize; i++) {
+        index[network[i][3]] = i;
+      }
+      let k = 0;
+      for (let l = 0; l < netsize; l++) {
+        const j = index[l];
+        map2[k++] = network[j][0];
+        map2[k++] = network[j][1];
+        map2[k++] = network[j][2];
+      }
+      return map2;
+    }
+    function inxbuild() {
+      let i;
+      let j;
+      let smallpos;
+      let smallval;
+      let p;
+      let q;
+      let previouscol;
+      let startpos;
+      previouscol = 0;
+      startpos = 0;
+      for (i = 0; i < netsize; i++) {
+        p = network[i];
+        smallpos = i;
+        smallval = p[1];
+        for (j = i + 1; j < netsize; j++) {
+          q = network[j];
+          if (q[1] < smallval) {
+            smallpos = j;
+            smallval = q[1];
+          }
+        }
+        q = network[smallpos];
+        if (i != smallpos) {
+          j = q[0];
+          q[0] = p[0];
+          p[0] = j;
+          j = q[1];
+          q[1] = p[1];
+          p[1] = j;
+          j = q[2];
+          q[2] = p[2];
+          p[2] = j;
+          j = q[3];
+          q[3] = p[3];
+          p[3] = j;
+        }
+        if (smallval != previouscol) {
+          netindex[previouscol] = startpos + i >> 1;
+          for (j = previouscol + 1; j < smallval; j++) {
+            netindex[j] = i;
+          }
+          previouscol = smallval;
+          startpos = i;
+        }
+      }
+      netindex[previouscol] = startpos + maxnetpos >> 1;
+      for (j = previouscol + 1; j < 256; j++) {
+        netindex[j] = maxnetpos;
+      }
+    }
+    function learn() {
+      let i;
+      let j;
+      let b;
+      let g;
+      let r;
+      let radius;
+      let rad;
+      let alpha;
+      let step;
+      let delta;
+      let samplepixels;
+      let p;
+      let pix;
+      let lim;
+      if (lengthcount < minpicturebytes) {
+        samplefac = 1;
+      }
+      alphadec = 30 + (samplefac - 1) / 3;
+      p = thepicture;
+      pix = 0;
+      lim = lengthcount;
+      samplepixels = lengthcount / (3 * samplefac);
+      delta = samplepixels / ncycles | 0;
+      alpha = initalpha;
+      radius = initradius;
+      rad = radius >> radiusbiasshift;
+      if (rad <= 1) {
+        rad = 0;
+      }
+      for (i = 0; i < rad; i++) {
+        radpower[i] = alpha * ((rad * rad - i * i) * radbias / (rad * rad));
+      }
+      if (lengthcount < minpicturebytes) {
+        step = 3;
+      } else if (lengthcount % prime1 !== 0) {
+        step = 3 * prime1;
+      } else if (lengthcount % prime2 !== 0) {
+        step = 3 * prime2;
+      } else if (lengthcount % prime3 !== 0) {
+        step = 3 * prime3;
+      } else {
+        step = 3 * prime4;
+      }
+      i = 0;
+      while (i < samplepixels) {
+        b = (p[pix + 0] & 255) << netbiasshift;
+        g = (p[pix + 1] & 255) << netbiasshift;
+        r = (p[pix + 2] & 255) << netbiasshift;
+        j = contest(b, g, r);
+        altersingle(alpha, j, b, g, r);
+        if (rad !== 0) {
+          alterneigh(rad, j, b, g, r);
+        }
+        pix += step;
+        if (pix >= lim) {
+          pix -= lengthcount;
+        }
+        i++;
+        if (delta === 0) {
+          delta = 1;
+        }
+        if (i % delta === 0) {
+          alpha -= alpha / alphadec;
+          radius -= radius / radiusdec;
+          rad = radius >> radiusbiasshift;
+          if (rad <= 1) {
+            rad = 0;
+          }
+          for (j = 0; j < rad; j++) {
+            radpower[j] = alpha * ((rad * rad - j * j) * radbias / (rad * rad));
+          }
+        }
+      }
+    }
+    function map(b, g, r) {
+      let i;
+      let j;
+      let dist;
+      let a;
+      let bestd;
+      let p;
+      let best;
+      bestd = 1e3;
+      best = -1;
+      i = netindex[g];
+      j = i - 1;
+      while (i < netsize || j >= 0) {
+        if (i < netsize) {
+          p = network[i];
+          dist = p[1] - g;
+          if (dist >= bestd) {
+            i = netsize;
+          } else {
+            i++;
+            if (dist < 0) {
+              dist = -dist;
+            }
+            a = p[0] - b;
+            if (a < 0) {
+              a = -a;
+            }
+            dist += a;
+            if (dist < bestd) {
+              a = p[2] - r;
+              if (a < 0) {
+                a = -a;
+              }
+              dist += a;
+              if (dist < bestd) {
+                bestd = dist;
+                best = p[3];
+              }
+            }
+          }
+        }
+        if (j >= 0) {
+          p = network[j];
+          dist = g - p[1];
+          if (dist >= bestd) {
+            j = -1;
+          } else {
+            j--;
+            if (dist < 0) {
+              dist = -dist;
+            }
+            a = p[0] - b;
+            if (a < 0) {
+              a = -a;
+            }
+            dist += a;
+            if (dist < bestd) {
+              a = p[2] - r;
+              if (a < 0) {
+                a = -a;
+              }
+              dist += a;
+              if (dist < bestd) {
+                bestd = dist;
+                best = p[3];
+              }
+            }
+          }
+        }
+      }
+      return best;
+    }
+    function process() {
+      learn();
+      unbiasnet();
+      inxbuild();
+      return colorMap();
+    }
+    function unbiasnet() {
+      let i;
+      let j;
+      for (i = 0; i < netsize; i++) {
+        network[i][0] >>= netbiasshift;
+        network[i][1] >>= netbiasshift;
+        network[i][2] >>= netbiasshift;
+        network[i][3] = i;
+      }
+    }
+    function alterneigh(rad, i, b, g, r) {
+      let j;
+      let k;
+      let lo;
+      let hi;
+      let a;
+      let m;
+      let p;
+      lo = i - rad;
+      if (lo < -1) {
+        lo = -1;
+      }
+      hi = i + rad;
+      if (hi > netsize) {
+        hi = netsize;
+      }
+      j = i + 1;
+      k = i - 1;
+      m = 1;
+      while (j < hi || k > lo) {
+        a = radpower[m++];
+        if (j < hi) {
+          p = network[j++];
+          try {
+            p[0] -= a * (p[0] - b) / alpharadbias | 0;
+            p[1] -= a * (p[1] - g) / alpharadbias | 0;
+            p[2] -= a * (p[2] - r) / alpharadbias | 0;
+          } catch (e) {
+          }
+        }
+        if (k > lo) {
+          p = network[k--];
+          try {
+            p[0] -= a * (p[0] - b) / alpharadbias | 0;
+            p[1] -= a * (p[1] - g) / alpharadbias | 0;
+            p[2] -= a * (p[2] - r) / alpharadbias | 0;
+          } catch (e) {
+          }
+        }
+      }
+    }
+    function altersingle(alpha, i, b, g, r) {
+      const n = network[i];
+      const alphaMult = alpha / initalpha;
+      n[0] -= alphaMult * (n[0] - b) | 0;
+      n[1] -= alphaMult * (n[1] - g) | 0;
+      n[2] -= alphaMult * (n[2] - r) | 0;
+    }
+    function contest(b, g, r) {
+      let i;
+      let dist;
+      let a;
+      let biasdist;
+      let betafreq;
+      let bestpos;
+      let bestbiaspos;
+      let bestd;
+      let bestbiasd;
+      let n;
+      bestd = ~(1 << 31);
+      bestbiasd = bestd;
+      bestpos = -1;
+      bestbiaspos = bestpos;
+      for (i = 0; i < netsize; i++) {
+        n = network[i];
+        dist = n[0] - b;
+        if (dist < 0) {
+          dist = -dist;
+        }
+        a = n[1] - g;
+        if (a < 0) {
+          a = -a;
+        }
+        dist += a;
+        a = n[2] - r;
+        if (a < 0) {
+          a = -a;
+        }
+        dist += a;
+        if (dist < bestd) {
+          bestd = dist;
+          bestpos = i;
+        }
+        biasdist = dist - (bias[i] >> intbiasshift - netbiasshift);
+        if (biasdist < bestbiasd) {
+          bestbiasd = biasdist;
+          bestbiaspos = i;
+        }
+        betafreq = freq[i] >> betashift;
+        freq[i] -= betafreq;
+        bias[i] += betafreq << gammashift;
+      }
+      freq[bestpos] += beta;
+      bias[bestpos] -= betagamma;
+      return bestbiaspos;
+    }
+    NeuQuantConstructor.apply(this, arguments);
+    const exports = {};
+    exports.map = map;
+    exports.process = process;
+    return exports;
+  }
+  function workerCode() {
+    const self = this;
+    try {
+      globalThis.onmessage = function(ev) {
+        const data = ev.data || {};
+        let response;
+        if (data.gifshot) {
+          response = workerMethods.run(data);
+          postMessage(response);
+        }
+      };
+    } catch (e) {
+    }
+    var workerMethods = {
+      dataToRGB: function dataToRGB(data, width, height) {
+        const length = width * height * 4;
+        let i = 0;
+        const rgb = [];
+        while (i < length) {
+          rgb.push(data[i++]);
+          rgb.push(data[i++]);
+          rgb.push(data[i++]);
+          i++;
+        }
+        return rgb;
+      },
+      componentizedPaletteToArray: function componentizedPaletteToArray(paletteRGB) {
+        paletteRGB = paletteRGB || [];
+        const paletteArray = [];
+        for (let i = 0; i < paletteRGB.length; i += 3) {
+          const r = paletteRGB[i];
+          const g = paletteRGB[i + 1];
+          const b = paletteRGB[i + 2];
+          paletteArray.push(r << 16 | g << 8 | b);
+        }
+        return paletteArray;
+      },
+      processFrameWithQuantizer: function processFrameWithQuantizer(imageData, width, height, sampleInterval) {
+        const rgbComponents = this.dataToRGB(imageData, width, height);
+        const nq = new NeuQuant(rgbComponents, rgbComponents.length, sampleInterval);
+        const paletteRGB = nq.process();
+        const paletteArray = new Uint32Array(this.componentizedPaletteToArray(paletteRGB));
+        const numberPixels = width * height;
+        const indexedPixels = new Uint8Array(numberPixels);
+        let k = 0;
+        for (let i = 0; i < numberPixels; i++) {
+          const r = rgbComponents[k++];
+          const g = rgbComponents[k++];
+          const b = rgbComponents[k++];
+          indexedPixels[i] = nq.map(r, g, b);
+        }
+        return {
+          pixels: indexedPixels,
+          palette: paletteArray
+        };
+      },
+      run: function run(frame) {
+        frame = frame || {};
+        const _frame = frame;
+        const height = _frame.height;
+        const palette = _frame.palette;
+        const sampleInterval = _frame.sampleInterval;
+        const width = _frame.width;
+        const imageData = frame.data;
+        return this.processFrameWithQuantizer(imageData, width, height, sampleInterval);
+      }
+    };
+    return workerMethods;
+  }
+  function gifWriter(buf, width, height, gopts) {
+    let p = 0;
+    gopts = gopts === void 0 ? {} : gopts;
+    const loop_count = gopts.loop === void 0 ? null : gopts.loop;
+    const global_palette = gopts.palette === void 0 ? null : gopts.palette;
+    if (width <= 0 || height <= 0 || width > 65535 || height > 65535)
+      throw "Width/Height invalid.";
+    function check_palette_and_num_colors(palette) {
+      const num_colors = palette.length;
+      if (num_colors < 2 || num_colors > 256 || num_colors & num_colors - 1)
+        throw "Invalid code/color length, must be power of 2 and 2 .. 256.";
+      return num_colors;
+    }
+    buf[p++] = 71;
+    buf[p++] = 73;
+    buf[p++] = 70;
+    buf[p++] = 56;
+    buf[p++] = 57;
+    buf[p++] = 97;
+    const gp_num_colors_pow2 = 0;
+    const background = 0;
+    buf[p++] = width & 255;
+    buf[p++] = width >> 8 & 255;
+    buf[p++] = height & 255;
+    buf[p++] = height >> 8 & 255;
+    buf[p++] = (global_palette !== null ? 128 : 0) | gp_num_colors_pow2;
+    buf[p++] = background;
+    buf[p++] = 0;
+    if (loop_count !== null) {
+      if (loop_count < 0 || loop_count > 65535)
+        throw "Loop count invalid.";
+      buf[p++] = 33;
+      buf[p++] = 255;
+      buf[p++] = 11;
+      buf[p++] = 78;
+      buf[p++] = 69;
+      buf[p++] = 84;
+      buf[p++] = 83;
+      buf[p++] = 67;
+      buf[p++] = 65;
+      buf[p++] = 80;
+      buf[p++] = 69;
+      buf[p++] = 50;
+      buf[p++] = 46;
+      buf[p++] = 48;
+      buf[p++] = 3;
+      buf[p++] = 1;
+      buf[p++] = loop_count & 255;
+      buf[p++] = loop_count >> 8 & 255;
+      buf[p++] = 0;
+    }
+    let ended = false;
+    this.addFrame = function(x, y, w, h, indexed_pixels, opts) {
+      if (ended === true) {
+        --p;
+        ended = false;
+      }
+      opts = opts === void 0 ? {} : opts;
+      if (x < 0 || y < 0 || x > 65535 || y > 65535)
+        throw "x/y invalid.";
+      if (w <= 0 || h <= 0 || w > 65535 || h > 65535)
+        throw "Width/Height invalid.";
+      if (indexed_pixels.length < w * h)
+        throw "Not enough pixels for the frame size.";
+      let using_local_palette = true;
+      let palette = opts.palette;
+      if (palette === void 0 || palette === null) {
+        using_local_palette = false;
+        palette = global_palette;
+      }
+      if (palette === void 0 || palette === null)
+        throw "Must supply either a local or global palette.";
+      let num_colors = check_palette_and_num_colors(palette);
+      let min_code_size = 0;
+      while (num_colors >>= 1) {
+        ++min_code_size;
+      }
+      num_colors = 1 << min_code_size;
+      const delay = opts.delay === void 0 ? 0 : opts.delay;
+      const disposal = opts.disposal === void 0 ? 0 : opts.disposal;
+      if (disposal < 0 || disposal > 3)
+        throw "Disposal out of range.";
+      let use_transparency = false;
+      let transparent_index = 0;
+      if (opts.transparent !== void 0 && opts.transparent !== null) {
+        use_transparency = true;
+        transparent_index = opts.transparent;
+        if (transparent_index < 0 || transparent_index >= num_colors)
+          throw "Transparent color index.";
+      }
+      if (disposal !== 0 || use_transparency || delay !== 0) {
+        buf[p++] = 33;
+        buf[p++] = 249;
+        buf[p++] = 4;
+        buf[p++] = disposal << 2 | (use_transparency === true ? 1 : 0);
+        buf[p++] = delay & 255;
+        buf[p++] = delay >> 8 & 255;
+        buf[p++] = transparent_index;
+        buf[p++] = 0;
+      }
+      buf[p++] = 44;
+      buf[p++] = x & 255;
+      buf[p++] = x >> 8 & 255;
+      buf[p++] = y & 255;
+      buf[p++] = y >> 8 & 255;
+      buf[p++] = w & 255;
+      buf[p++] = w >> 8 & 255;
+      buf[p++] = h & 255;
+      buf[p++] = h >> 8 & 255;
+      buf[p++] = using_local_palette === true ? 128 | min_code_size - 1 : 0;
+      if (using_local_palette === true) {
+        for (let i = 0, il = palette.length; i < il; ++i) {
+          const rgb = palette[i];
+          buf[p++] = rgb >> 16 & 255;
+          buf[p++] = rgb >> 8 & 255;
+          buf[p++] = rgb & 255;
+        }
+      }
+      p = GifWriterOutputLZWCodeStream(buf, p, min_code_size < 2 ? 2 : min_code_size, indexed_pixels);
+    };
+    this.end = function() {
+      if (ended === false) {
+        buf[p++] = 59;
+        ended = true;
+      }
+      return p;
+    };
+    function GifWriterOutputLZWCodeStream(buf2, p2, min_code_size, index_stream) {
+      buf2[p2++] = min_code_size;
+      let cur_subblock = p2++;
+      const clear_code = 1 << min_code_size;
+      const code_mask = clear_code - 1;
+      const eoi_code = clear_code + 1;
+      let next_code = eoi_code + 1;
+      let cur_code_size = min_code_size + 1;
+      let cur_shift = 0;
+      let cur = 0;
+      function emit_bytes_to_buffer(bit_block_size) {
+        while (cur_shift >= bit_block_size) {
+          buf2[p2++] = cur & 255;
+          cur >>= 8;
+          cur_shift -= 8;
+          if (p2 === cur_subblock + 256) {
+            buf2[cur_subblock] = 255;
+            cur_subblock = p2++;
+          }
+        }
+      }
+      function emit_code(c) {
+        cur |= c << cur_shift;
+        cur_shift += cur_code_size;
+        emit_bytes_to_buffer(8);
+      }
+      let ib_code = index_stream[0] & code_mask;
+      let code_table = {};
+      emit_code(clear_code);
+      for (let i = 1, il = index_stream.length; i < il; ++i) {
+        const k = index_stream[i] & code_mask;
+        const cur_key = ib_code << 8 | k;
+        const cur_code = code_table[cur_key];
+        if (cur_code === void 0) {
+          cur |= ib_code << cur_shift;
+          cur_shift += cur_code_size;
+          while (cur_shift >= 8) {
+            buf2[p2++] = cur & 255;
+            cur >>= 8;
+            cur_shift -= 8;
+            if (p2 === cur_subblock + 256) {
+              buf2[cur_subblock] = 255;
+              cur_subblock = p2++;
+            }
+          }
+          if (next_code === 4096) {
+            emit_code(clear_code);
+            next_code = eoi_code + 1;
+            cur_code_size = min_code_size + 1;
+            code_table = {};
+          } else {
+            if (next_code >= 1 << cur_code_size)
+              ++cur_code_size;
+            code_table[cur_key] = next_code++;
+          }
+          ib_code = k;
+        } else {
+          ib_code = cur_code;
+        }
+      }
+      emit_code(ib_code);
+      emit_code(eoi_code);
+      emit_bytes_to_buffer(1);
+      if (cur_subblock + 1 === p2) {
+        buf2[cur_subblock] = 0;
+      } else {
+        buf2[cur_subblock] = p2 - cur_subblock - 1;
+        buf2[p2++] = 0;
+      }
+      return p2;
+    }
+  }
+  var noop$2 = function noop4() {
+  };
+  var AnimatedGIF = function AnimatedGIF2(options) {
+    this.canvas = null;
+    this.ctx = null;
+    this.repeat = 0;
+    this.frames = [];
+    this.numRenderedFrames = 0;
+    this.onRenderCompleteCallback = noop$2;
+    this.onRenderProgressCallback = noop$2;
+    this.workers = [];
+    this.availableWorkers = [];
+    this.generatingGIF = false;
+    this.options = options;
+    this.initializeWebWorkers(options);
+  };
+  AnimatedGIF.prototype = {
+    workerMethods: workerCode(),
+    initializeWebWorkers: function initializeWebWorkers(options) {
+      const self = this;
+      const processFrameWorkerCode = `${NeuQuant.toString()}(${workerCode.toString()}());`;
+      let webWorkerObj = void 0;
+      let objectUrl = void 0;
+      let webWorker = void 0;
+      let numWorkers = void 0;
+      let x = -1;
+      let workerError = "";
+      numWorkers = options.numWorkers;
+      while (++x < numWorkers) {
+        webWorkerObj = utils.createWebWorker(processFrameWorkerCode);
+        if (utils.isObject(webWorkerObj)) {
+          objectUrl = webWorkerObj.objectUrl;
+          webWorker = webWorkerObj.worker;
+          self.workers.push({
+            worker: webWorker,
+            objectUrl
+          });
+          self.availableWorkers.push(webWorker);
+        } else {
+          workerError = webWorkerObj;
+          utils.webWorkerError = Boolean(webWorkerObj);
+        }
+      }
+      this.workerError = workerError;
+      this.canvas = document.createElement("canvas");
+      this.canvas.width = options.gifWidth;
+      this.canvas.height = options.gifHeight;
+      this.ctx = this.canvas.getContext("2d");
+      this.frames = [];
+    },
+    getWorker: function getWorker() {
+      return this.availableWorkers.pop();
+    },
+    freeWorker: function freeWorker(worker) {
+      this.availableWorkers.push(worker);
+    },
+    byteMap: function() {
+      const byteMap = [];
+      for (let i = 0; i < 256; i++) {
+        byteMap[i] = String.fromCharCode(i);
+      }
+      return byteMap;
+    }(),
+    bufferToString: function bufferToString(buffer) {
+      const numberValues = buffer.length;
+      let str = "";
+      let x = -1;
+      while (++x < numberValues) {
+        str += this.byteMap[buffer[x]];
+      }
+      return str;
+    },
+    onFrameFinished: function onFrameFinished(progressCallback) {
+      const self = this;
+      const frames = self.frames;
+      const options = self.options;
+      const hasExistingImages = Boolean((options.images || []).length);
+      const allDone = frames.every(function(frame) {
+        return !frame.beingProcessed && frame.done;
+      });
+      self.numRenderedFrames++;
+      if (hasExistingImages) {
+        progressCallback(self.numRenderedFrames / frames.length);
+      }
+      self.onRenderProgressCallback(self.numRenderedFrames * 0.75 / frames.length);
+      if (allDone) {
+        if (!self.generatingGIF) {
+          self.generateGIF(frames, self.onRenderCompleteCallback);
+        }
+      } else {
+        utils.requestTimeout(function() {
+          self.processNextFrame();
+        }, 1);
+      }
+    },
+    processFrame: function processFrame(position) {
+      const AnimatedGifContext = this;
+      const options = this.options;
+      const _options = this.options;
+      const progressCallback = _options.progressCallback;
+      const sampleInterval = _options.sampleInterval;
+      const frames = this.frames;
+      let frame = void 0;
+      let worker = void 0;
+      const done = function done2() {
+        const ev = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+        const data = ev.data;
+        delete frame.data;
+        frame.pixels = Array.prototype.slice.call(data.pixels);
+        frame.palette = Array.prototype.slice.call(data.palette);
+        frame.done = true;
+        frame.beingProcessed = false;
+        AnimatedGifContext.freeWorker(worker);
+        AnimatedGifContext.onFrameFinished(progressCallback);
+      };
+      frame = frames[position];
+      if (frame.beingProcessed || frame.done) {
+        this.onFrameFinished();
+        return;
+      }
+      frame.sampleInterval = sampleInterval;
+      frame.beingProcessed = true;
+      frame.gifshot = true;
+      worker = this.getWorker();
+      if (worker) {
+        worker.onmessage = done;
+        worker.postMessage(frame);
+      } else {
+        done({
+          data: AnimatedGifContext.workerMethods.run(frame)
+        });
+      }
+    },
+    startRendering: function startRendering(completeCallback) {
+      this.onRenderCompleteCallback = completeCallback;
+      for (let i = 0; i < this.options.numWorkers && i < this.frames.length; i++) {
+        this.processFrame(i);
+      }
+    },
+    processNextFrame: function processNextFrame() {
+      let position = -1;
+      for (let i = 0; i < this.frames.length; i++) {
+        const frame = this.frames[i];
+        if (!frame.done && !frame.beingProcessed) {
+          position = i;
+          break;
+        }
+      }
+      if (position >= 0) {
+        this.processFrame(position);
+      }
+    },
+    generateGIF: function generateGIF(frames, callback) {
+      const buffer = [];
+      const gifOptions = {
+        loop: this.repeat
+      };
+      const options = this.options;
+      const interval = options.interval;
+      const frameDuration = options.frameDuration;
+      const existingImages2 = options.images;
+      const hasExistingImages = Boolean(existingImages2.length);
+      const height = options.gifHeight;
+      const width = options.gifWidth;
+      const gifWriter$$1 = new gifWriter(buffer, width, height, gifOptions);
+      const onRenderProgressCallback = this.onRenderProgressCallback;
+      const delay = hasExistingImages ? interval * 100 : 0;
+      let bufferToString2 = void 0;
+      let gif = void 0;
+      this.generatingGIF = true;
+      utils.each(frames, function(iterator, frame) {
+        const framePalette = frame.palette;
+        onRenderProgressCallback(0.75 + 0.25 * frame.position * 1 / frames.length);
+        for (let i = 0; i < frameDuration; i++) {
+          gifWriter$$1.addFrame(0, 0, width, height, frame.pixels, {
+            palette: framePalette,
+            delay
+          });
+        }
+      });
+      gifWriter$$1.end();
+      onRenderProgressCallback(1);
+      this.frames = [];
+      this.generatingGIF = false;
+      if (utils.isFunction(callback)) {
+        bufferToString2 = this.bufferToString(buffer);
+        gif = `data:image/gif;base64,${utils.btoa(bufferToString2)}`;
+        callback(gif);
+      }
+    },
+    setRepeat: function setRepeat(r) {
+      this.repeat = r;
+    },
+    addFrame: function addFrame(element, gifshotOptions) {
+      gifshotOptions = utils.isObject(gifshotOptions) ? gifshotOptions : {};
+      const self = this;
+      const ctx = self.ctx;
+      const options = self.options;
+      const width = options.gifWidth;
+      const height = options.gifHeight;
+      const fontSize = utils.getFontSize(gifshotOptions);
+      const _gifshotOptions = gifshotOptions;
+      const filter = _gifshotOptions.filter;
+      const fontColor = _gifshotOptions.fontColor;
+      const fontFamily = _gifshotOptions.fontFamily;
+      const fontWeight = _gifshotOptions.fontWeight;
+      const gifHeight = _gifshotOptions.gifHeight;
+      const gifWidth = _gifshotOptions.gifWidth;
+      const text = _gifshotOptions.text;
+      const textAlign = _gifshotOptions.textAlign;
+      const textBaseline = _gifshotOptions.textBaseline;
+      const textXCoordinate = gifshotOptions.textXCoordinate ? gifshotOptions.textXCoordinate : textAlign === "left" ? 1 : textAlign === "right" ? width : width / 2;
+      const textYCoordinate = gifshotOptions.textYCoordinate ? gifshotOptions.textYCoordinate : textBaseline === "top" ? 1 : textBaseline === "center" ? height / 2 : height;
+      const font = `${fontWeight} ${fontSize} ${fontFamily}`;
+      let imageData = void 0;
+      try {
+        ctx.filter = filter;
+        ctx.drawImage(element, 0, 0, width, height);
+        if (text) {
+          ctx.font = font;
+          ctx.fillStyle = fontColor;
+          ctx.textAlign = textAlign;
+          ctx.textBaseline = textBaseline;
+          ctx.fillText(text, textXCoordinate, textYCoordinate);
+        }
+        imageData = ctx.getImageData(0, 0, width, height);
+        self.addFrameImageData(imageData);
+      } catch (e) {
+        return `${e}`;
+      }
+    },
+    addFrameImageData: function addFrameImageData() {
+      const imageData = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      const frames = this.frames;
+      const imageDataArray = imageData.data;
+      this.frames.push({
+        data: imageDataArray,
+        width: imageData.width,
+        height: imageData.height,
+        palette: null,
+        dithering: null,
+        done: false,
+        beingProcessed: false,
+        position: frames.length
+      });
+    },
+    onRenderProgress: function onRenderProgress(callback) {
+      this.onRenderProgressCallback = callback;
+    },
+    isRendering: function isRendering() {
+      return this.generatingGIF;
+    },
+    getBase64GIF: function getBase64GIF(completeCallback) {
+      const self = this;
+      const onRenderComplete = function onRenderComplete2(gif) {
+        self.destroyWorkers();
+        utils.requestTimeout(function() {
+          completeCallback(gif);
+        }, 0);
+      };
+      self.startRendering(onRenderComplete);
+    },
+    destroyWorkers: function destroyWorkers() {
+      if (this.workerError) {
+        return;
+      }
+      const workers = this.workers;
+      utils.each(workers, function(iterator, workerObj) {
+        const worker = workerObj.worker;
+        const objectUrl = workerObj.objectUrl;
+        worker.terminate();
+        utils.URL.revokeObjectURL(objectUrl);
+      });
+    }
+  };
+  function getBase64GIF2(animatedGifInstance, callback) {
+    animatedGifInstance.getBase64GIF(function(image) {
+      callback({
+        error: false,
+        errorCode: "",
+        errorMsg: "",
+        image
+      });
+    });
+  }
+  function existingImages() {
+    const obj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    const self = this;
+    const callback = obj.callback;
+    const images = obj.images;
+    const options = obj.options;
+    let imagesLength = obj.imagesLength;
+    const skipObj = {
+      getUserMedia: true,
+      "globalThis.URL": true
+    };
+    const errorObj = error.validate(skipObj);
+    const loadedImages = [];
+    let loadedImagesLength = 0;
+    let tempImage = void 0;
+    let ag = void 0;
+    if (errorObj.error) {
+      return callback(errorObj);
+    }
+    ag = new AnimatedGIF(options);
+    utils.each(images, function(index, image) {
+      const currentImage = image;
+      if (utils.isElement(currentImage)) {
+        if (options.crossOrigin) {
+          currentImage.crossOrigin = options.crossOrigin;
+        }
+        loadedImages[index] = currentImage;
+        loadedImagesLength += 1;
+        if (loadedImagesLength === imagesLength) {
+          addLoadedImagesToGif();
+        }
+      } else if (utils.isString(currentImage)) {
+        tempImage = new Image();
+        if (options.crossOrigin) {
+          tempImage.crossOrigin = options.crossOrigin;
+        }
+        (function(tempImage2) {
+          if (image.text) {
+            tempImage2.text = image.text;
+          }
+          tempImage2.onerror = function(e) {
+            let obj2 = void 0;
+            --imagesLength;
+            if (imagesLength === 0) {
+              obj2 = {};
+              obj2.error = "None of the requested images was capable of being retrieved";
+              return callback(obj2);
+            }
+          };
+          tempImage2.onload = function(e) {
+            if (image.text) {
+              loadedImages[index] = {
+                img: tempImage2,
+                text: tempImage2.text
+              };
+            } else {
+              loadedImages[index] = tempImage2;
+            }
+            loadedImagesLength += 1;
+            if (loadedImagesLength === imagesLength) {
+              addLoadedImagesToGif();
+            }
+            utils.removeElement(tempImage2);
+          };
+          tempImage2.src = currentImage;
+        })(tempImage);
+        utils.setCSSAttr(tempImage, {
+          position: "fixed",
+          opacity: "0"
+        });
+        document.body.appendChild(tempImage);
+      }
+    });
+    function addLoadedImagesToGif() {
+      utils.each(loadedImages, function(index, loadedImage) {
+        if (loadedImage) {
+          if (loadedImage.text) {
+            ag.addFrame(loadedImage.img, options, loadedImage.text);
+          } else {
+            ag.addFrame(loadedImage, options);
+          }
+        }
+      });
+      getBase64GIF2(ag, callback);
+    }
+  }
+  var noop$3 = function noop5() {
+  };
+  var screenShot = {
+    getGIF: function getGIF() {
+      const options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      let callback = arguments[1];
+      callback = utils.isFunction(callback) ? callback : noop$3;
+      const canvas2 = document.createElement("canvas");
+      let context = void 0;
+      const existingImages2 = options.images;
+      const hasExistingImages = Boolean(existingImages2.length);
+      const cameraStream = options.cameraStream;
+      const crop = options.crop;
+      const filter = options.filter;
+      const fontColor = options.fontColor;
+      const fontFamily = options.fontFamily;
+      const fontWeight = options.fontWeight;
+      const keepCameraOn = options.keepCameraOn;
+      const numWorkers = options.numWorkers;
+      const progressCallback = options.progressCallback;
+      const saveRenderingContexts = options.saveRenderingContexts;
+      const savedRenderingContexts = options.savedRenderingContexts;
+      const text = options.text;
+      const textAlign = options.textAlign;
+      const textBaseline = options.textBaseline;
+      const videoElement = options.videoElement;
+      const videoHeight = options.videoHeight;
+      const videoWidth = options.videoWidth;
+      const webcamVideoElement = options.webcamVideoElement;
+      const gifWidth = Number(options.gifWidth);
+      const gifHeight = Number(options.gifHeight);
+      let interval = Number(options.interval);
+      const sampleInterval = Number(options.sampleInterval);
+      const waitBetweenFrames = hasExistingImages ? 0 : interval * 1e3;
+      const renderingContextsToSave = [];
+      let numFrames = savedRenderingContexts.length ? savedRenderingContexts.length : options.numFrames;
+      let pendingFrames = numFrames;
+      const ag = new AnimatedGIF(options);
+      const fontSize = utils.getFontSize(options);
+      const textXCoordinate = options.textXCoordinate ? options.textXCoordinate : textAlign === "left" ? 1 : textAlign === "right" ? gifWidth : gifWidth / 2;
+      const textYCoordinate = options.textYCoordinate ? options.textYCoordinate : textBaseline === "top" ? 1 : textBaseline === "center" ? gifHeight / 2 : gifHeight;
+      const font = `${fontWeight} ${fontSize} ${fontFamily}`;
+      let sourceX = crop ? Math.floor(crop.scaledWidth / 2) : 0;
+      let sourceWidth = crop ? videoWidth - crop.scaledWidth : 0;
+      let sourceY = crop ? Math.floor(crop.scaledHeight / 2) : 0;
+      let sourceHeight = crop ? videoHeight - crop.scaledHeight : 0;
+      const captureFrames = function captureSingleFrame() {
+        const framesLeft = pendingFrames - 1;
+        if (savedRenderingContexts.length) {
+          context.putImageData(savedRenderingContexts[numFrames - pendingFrames], 0, 0);
+          finishCapture();
+        } else {
+          drawVideo();
+        }
+        function drawVideo() {
+          try {
+            if (sourceWidth > videoWidth) {
+              sourceWidth = videoWidth;
+            }
+            if (sourceHeight > videoHeight) {
+              sourceHeight = videoHeight;
+            }
+            if (sourceX < 0) {
+              sourceX = 0;
+            }
+            if (sourceY < 0) {
+              sourceY = 0;
+            }
+            context.filter = filter;
+            context.drawImage(videoElement, sourceX, sourceY, sourceWidth, sourceHeight, 0, 0, gifWidth, gifHeight);
+            finishCapture();
+          } catch (e) {
+            if (e.name === "NS_ERROR_NOT_AVAILABLE") {
+              utils.requestTimeout(drawVideo, 100);
+            } else {
+              throw e;
+            }
+          }
+        }
+        function finishCapture() {
+          let imageData = void 0;
+          if (saveRenderingContexts) {
+            renderingContextsToSave.push(context.getImageData(0, 0, gifWidth, gifHeight));
+          }
+          if (text) {
+            context.font = font;
+            context.fillStyle = fontColor;
+            context.textAlign = textAlign;
+            context.textBaseline = textBaseline;
+            context.fillText(text, textXCoordinate, textYCoordinate);
+          }
+          imageData = context.getImageData(0, 0, gifWidth, gifHeight);
+          ag.addFrameImageData(imageData);
+          pendingFrames = framesLeft;
+          progressCallback((numFrames - pendingFrames) / numFrames);
+          if (framesLeft > 0) {
+            utils.requestTimeout(captureSingleFrame, waitBetweenFrames);
+          }
+          if (!pendingFrames) {
+            ag.getBase64GIF(function(image) {
+              callback({
+                error: false,
+                errorCode: "",
+                errorMsg: "",
+                image,
+                cameraStream,
+                videoElement,
+                webcamVideoElement,
+                savedRenderingContexts: renderingContextsToSave,
+                keepCameraOn
+              });
+            });
+          }
+        }
+      };
+      numFrames = numFrames !== void 0 ? numFrames : 10;
+      interval = interval !== void 0 ? interval : 0.1;
+      canvas2.width = gifWidth;
+      canvas2.height = gifHeight;
+      context = canvas2.getContext("2d");
+      (function capture() {
+        if (!savedRenderingContexts.length && videoElement.currentTime === 0) {
+          utils.requestTimeout(capture, 100);
+          return;
+        }
+        captureFrames();
+      })();
+    },
+    getCropDimensions: function getCropDimensions() {
+      const obj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      const width = obj.videoWidth;
+      const height = obj.videoHeight;
+      const gifWidth = obj.gifWidth;
+      const gifHeight = obj.gifHeight;
+      const result = {
+        width: 0,
+        height: 0,
+        scaledWidth: 0,
+        scaledHeight: 0
+      };
+      if (width > height) {
+        result.width = Math.round(width * (gifHeight / height)) - gifWidth;
+        result.scaledWidth = Math.round(result.width * (height / gifHeight));
+      } else {
+        result.height = Math.round(height * (gifWidth / width)) - gifHeight;
+        result.scaledHeight = Math.round(result.height * (width / gifWidth));
+      }
+      return result;
+    }
+  };
+  var videoStream = {
+    loadedData: false,
+    defaultVideoDimensions: {
+      width: 640,
+      height: 480
+    },
+    findVideoSize: function findVideoSizeMethod(obj) {
+      findVideoSizeMethod.attempts = findVideoSizeMethod.attempts || 0;
+      const cameraStream = obj.cameraStream;
+      const completedCallback = obj.completedCallback;
+      const videoElement = obj.videoElement;
+      if (!videoElement) {
+        return;
+      }
+      if (videoElement.videoWidth > 0 && videoElement.videoHeight > 0) {
+        videoElement.removeEventListener("loadeddata", videoStream.findVideoSize);
+        completedCallback({
+          videoElement,
+          cameraStream,
+          videoWidth: videoElement.videoWidth,
+          videoHeight: videoElement.videoHeight
+        });
+      } else if (findVideoSizeMethod.attempts < 10) {
+        findVideoSizeMethod.attempts += 1;
+        utils.requestTimeout(function() {
+          videoStream.findVideoSize(obj);
+        }, 400);
+      } else {
+        completedCallback({
+          videoElement,
+          cameraStream,
+          videoWidth: videoStream.defaultVideoDimensions.width,
+          videoHeight: videoStream.defaultVideoDimensions.height
+        });
+      }
+    },
+    onStreamingTimeout: function onStreamingTimeout(callback) {
+      if (utils.isFunction(callback)) {
+        callback({
+          error: true,
+          errorCode: "getUserMedia",
+          errorMsg: "There was an issue with the getUserMedia API - Timed out while trying to start streaming",
+          image: null,
+          cameraStream: {}
+        });
+      }
+    },
+    stream: function stream(obj) {
+      const existingVideo2 = utils.isArray(obj.existingVideo) ? obj.existingVideo[0] : obj.existingVideo;
+      const cameraStream = obj.cameraStream;
+      const completedCallback = obj.completedCallback;
+      const streamedCallback = obj.streamedCallback;
+      const videoElement = obj.videoElement;
+      if (utils.isFunction(streamedCallback)) {
+        streamedCallback();
+      }
+      if (existingVideo2) {
+        if (utils.isString(existingVideo2)) {
+          videoElement.src = existingVideo2;
+          videoElement.innerHTML = `<source src="${existingVideo2}" type="video/${utils.getExtension(existingVideo2)}" />`;
+        } else if (existingVideo2 instanceof Blob) {
+          try {
+            videoElement.src = utils.URL.createObjectURL(existingVideo2);
+          } catch (e) {
+          }
+          videoElement.innerHTML = `<source src="${existingVideo2}" type="${existingVideo2.type}" />`;
+        }
+      } else if (videoElement.mozSrcObject) {
+        videoElement.mozSrcObject = cameraStream;
+      } else if (utils.URL) {
+        try {
+          videoElement.srcObject = cameraStream;
+          videoElement.src = utils.URL.createObjectURL(cameraStream);
+        } catch (e) {
+          videoElement.srcObject = cameraStream;
+        }
+      }
+      videoElement.play();
+      utils.requestTimeout(function checkLoadedData() {
+        checkLoadedData.count = checkLoadedData.count || 0;
+        if (videoStream.loadedData === true) {
+          videoStream.findVideoSize({
+            videoElement,
+            cameraStream,
+            completedCallback
+          });
+          videoStream.loadedData = false;
+        } else {
+          checkLoadedData.count += 1;
+          if (checkLoadedData.count > 10) {
+            videoStream.findVideoSize({
+              videoElement,
+              cameraStream,
+              completedCallback
+            });
+          } else {
+            checkLoadedData();
+          }
+        }
+      }, 0);
+    },
+    startStreaming: function startStreaming(obj) {
+      const errorCallback = utils.isFunction(obj.error) ? obj.error : utils.noop;
+      const streamedCallback = utils.isFunction(obj.streamed) ? obj.streamed : utils.noop;
+      const completedCallback = utils.isFunction(obj.completed) ? obj.completed : utils.noop;
+      const crossOrigin = obj.crossOrigin;
+      const existingVideo2 = obj.existingVideo;
+      const lastCameraStream = obj.lastCameraStream;
+      const options = obj.options;
+      const webcamVideoElement = obj.webcamVideoElement;
+      const videoElement = utils.isElement(existingVideo2) ? existingVideo2 : webcamVideoElement ? webcamVideoElement : document.createElement("video");
+      const cameraStream = void 0;
+      if (crossOrigin) {
+        videoElement.crossOrigin = options.crossOrigin;
+      }
+      videoElement.autoplay = true;
+      videoElement.loop = true;
+      videoElement.muted = true;
+      videoElement.addEventListener("loadeddata", function(event) {
+        videoStream.loadedData = true;
+        if (options.offset) {
+          videoElement.currentTime = options.offset;
+        }
+      });
+      if (existingVideo2) {
+        videoStream.stream({
+          videoElement,
+          existingVideo: existingVideo2,
+          completedCallback
+        });
+      } else if (lastCameraStream) {
+        videoStream.stream({
+          videoElement,
+          cameraStream: lastCameraStream,
+          streamedCallback,
+          completedCallback
+        });
+      } else {
+        utils.getUserMedia({
+          video: true
+        }, function(stream2) {
+          videoStream.stream({
+            videoElement,
+            cameraStream: stream2,
+            streamedCallback,
+            completedCallback
+          });
+        }, errorCallback);
+      }
+    },
+    startVideoStreaming: function startVideoStreaming(callback) {
+      const options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      const timeoutLength = options.timeout !== void 0 ? options.timeout : 0;
+      const originalCallback = options.callback;
+      const webcamVideoElement = options.webcamVideoElement;
+      let noGetUserMediaSupportTimeout = void 0;
+      if (timeoutLength > 0) {
+        noGetUserMediaSupportTimeout = utils.requestTimeout(function() {
+          videoStream.onStreamingTimeout(originalCallback);
+        }, 1e4);
+      }
+      videoStream.startStreaming({
+        error: function error2() {
+          originalCallback({
+            error: true,
+            errorCode: "getUserMedia",
+            errorMsg: "There was an issue with the getUserMedia API - the user probably denied permission",
+            image: null,
+            cameraStream: {}
+          });
+        },
+        streamed: function streamed() {
+          clearTimeout(noGetUserMediaSupportTimeout);
+        },
+        completed: function completed() {
+          const obj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+          const cameraStream = obj.cameraStream;
+          const videoElement = obj.videoElement;
+          const videoHeight = obj.videoHeight;
+          const videoWidth = obj.videoWidth;
+          callback({
+            cameraStream,
+            videoElement,
+            videoHeight,
+            videoWidth
+          });
+        },
+        lastCameraStream: options.lastCameraStream,
+        webcamVideoElement,
+        crossOrigin: options.crossOrigin,
+        options
+      });
+    },
+    stopVideoStreaming: function stopVideoStreaming(obj) {
+      obj = utils.isObject(obj) ? obj : {};
+      const _obj = obj;
+      const keepCameraOn = _obj.keepCameraOn;
+      const videoElement = _obj.videoElement;
+      const webcamVideoElement = _obj.webcamVideoElement;
+      const cameraStream = obj.cameraStream || {};
+      const cameraStreamTracks = cameraStream.getTracks ? cameraStream.getTracks() || [] : [];
+      const hasCameraStreamTracks = Boolean(cameraStreamTracks.length);
+      const firstCameraStreamTrack = cameraStreamTracks[0];
+      if (!keepCameraOn && hasCameraStreamTracks) {
+        if (utils.isFunction(firstCameraStreamTrack.stop)) {
+          firstCameraStreamTrack.stop();
+        }
+      }
+      if (utils.isElement(videoElement) && !webcamVideoElement) {
+        videoElement.pause();
+        if (utils.isFunction(utils.URL.revokeObjectURL) && !utils.webWorkerError) {
+          if (videoElement.src) {
+            utils.URL.revokeObjectURL(videoElement.src);
+          }
+        }
+        utils.removeElement(videoElement);
+      }
+    }
+  };
+  function stopVideoStreaming2(options) {
+    options = utils.isObject(options) ? options : {};
+    videoStream.stopVideoStreaming(options);
+  }
+  function createAndGetGIF(obj, callback) {
+    const options = obj.options || {};
+    const images = options.images;
+    const video = options.video;
+    const gifWidth = Number(options.gifWidth);
+    const gifHeight = Number(options.gifHeight);
+    const numFrames = Number(options.numFrames);
+    const cameraStream = obj.cameraStream;
+    const videoElement = obj.videoElement;
+    const videoWidth = obj.videoWidth;
+    const videoHeight = obj.videoHeight;
+    const cropDimensions = screenShot.getCropDimensions({
+      videoWidth,
+      videoHeight,
+      gifHeight,
+      gifWidth
+    });
+    const completeCallback = callback;
+    options.crop = cropDimensions;
+    options.videoElement = videoElement;
+    options.videoWidth = videoWidth;
+    options.videoHeight = videoHeight;
+    options.cameraStream = cameraStream;
+    if (!utils.isElement(videoElement)) {
+      return;
+    }
+    videoElement.width = gifWidth + cropDimensions.width;
+    videoElement.height = gifHeight + cropDimensions.height;
+    if (!options.webcamVideoElement) {
+      utils.setCSSAttr(videoElement, {
+        position: "fixed",
+        opacity: "0"
+      });
+      document.body.appendChild(videoElement);
+    }
+    videoElement.play();
+    screenShot.getGIF(options, function(obj2) {
+      if ((!images || !images.length) && (!video || !video.length)) {
+        stopVideoStreaming2(obj2);
+      }
+      completeCallback(obj2);
+    });
+  }
+  function existingVideo() {
+    const obj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    const callback = obj.callback;
+    let existingVideo2 = obj.existingVideo;
+    const options = obj.options;
+    const skipObj = {
+      getUserMedia: true,
+      "globalThis.URL": true
+    };
+    const errorObj = error.validate(skipObj);
+    const loadedImages = 0;
+    let videoType = void 0;
+    let videoSrc = void 0;
+    const tempImage = void 0;
+    const ag = void 0;
+    if (errorObj.error) {
+      return callback(errorObj);
+    }
+    if (utils.isElement(existingVideo2) && existingVideo2.src) {
+      videoSrc = existingVideo2.src;
+      videoType = utils.getExtension(videoSrc);
+      if (!utils.isSupported.videoCodecs[videoType]) {
+        return callback(error.messages.videoCodecs);
+      }
+    } else if (utils.isArray(existingVideo2)) {
+      utils.each(existingVideo2, function(iterator, videoSrc2) {
+        if (videoSrc2 instanceof Blob) {
+          videoType = videoSrc2.type.substr(videoSrc2.type.lastIndexOf("/") + 1, videoSrc2.length);
+        } else {
+          videoType = videoSrc2.substr(videoSrc2.lastIndexOf(".") + 1, videoSrc2.length);
+        }
+        if (utils.isSupported.videoCodecs[videoType]) {
+          existingVideo2 = videoSrc2;
+          return false;
+        }
+      });
+    }
+    videoStream.startStreaming({
+      completed: function completed(obj2) {
+        obj2.options = options || {};
+        createAndGetGIF(obj2, callback);
+      },
+      existingVideo: existingVideo2,
+      crossOrigin: options.crossOrigin,
+      options
+    });
+  }
+  function existingWebcam() {
+    const obj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    const callback = obj.callback;
+    const lastCameraStream = obj.lastCameraStream;
+    const options = obj.options;
+    const webcamVideoElement = obj.webcamVideoElement;
+    if (!isWebCamGIFSupported()) {
+      return callback(error.validate());
+    }
+    if (options.savedRenderingContexts.length) {
+      screenShot.getGIF(options, function(obj2) {
+        callback(obj2);
+      });
+      return;
+    }
+    videoStream.startVideoStreaming(function() {
+      const obj2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      obj2.options = options || {};
+      createAndGetGIF(obj2, callback);
+    }, {
+      lastCameraStream,
+      callback,
+      webcamVideoElement,
+      crossOrigin: options.crossOrigin
+    });
+  }
+  function createGIF(userOptions, callback) {
+    callback = utils.isFunction(userOptions) ? userOptions : callback;
+    userOptions = utils.isObject(userOptions) ? userOptions : {};
+    if (!utils.isFunction(callback)) {
+      return;
+    }
+    let options = utils.normalizeOptions(defaultOptions, userOptions) || {};
+    const lastCameraStream = userOptions.cameraStream;
+    const images = options.images;
+    const imagesLength = images ? images.length : 0;
+    const video = options.video;
+    const webcamVideoElement = options.webcamVideoElement;
+    options = utils.normalizeOptions(options, {
+      gifWidth: Math.floor(options.gifWidth),
+      gifHeight: Math.floor(options.gifHeight)
+    });
+    if (imagesLength) {
+      existingImages({
+        images,
+        imagesLength,
+        callback,
+        options
+      });
+    } else if (video) {
+      existingVideo({
+        existingVideo: video,
+        callback,
+        options
+      });
+    } else {
+      existingWebcam({
+        lastCameraStream,
+        callback,
+        webcamVideoElement,
+        options
+      });
+    }
+  }
+  function takeSnapShot(userOptions, callback) {
+    callback = utils.isFunction(userOptions) ? userOptions : callback;
+    userOptions = utils.isObject(userOptions) ? userOptions : {};
+    if (!utils.isFunction(callback)) {
+      return;
+    }
+    const mergedOptions = utils.normalizeOptions(defaultOptions, userOptions);
+    const options = utils.normalizeOptions(mergedOptions, {
+      interval: 0.1,
+      numFrames: 1,
+      gifWidth: Math.floor(mergedOptions.gifWidth),
+      gifHeight: Math.floor(mergedOptions.gifHeight)
+    });
+    createGIF(options, callback);
+  }
+  var API = {
+    utils: utils$2,
+    error: error$2,
+    defaultOptions: defaultOptions$2,
+    createGIF,
+    takeSnapShot,
+    stopVideoStreaming: stopVideoStreaming2,
+    isSupported,
+    isWebCamGIFSupported,
+    isExistingVideoGIFSupported,
+    isExistingImagesGIFSupported: isSupported$1,
+    VERSION: "0.4.5"
+  };
+  var gifshot_default = API;
+
+  // src/gif-builder.ts
+  var GIF_BUILDER_OPTIONS = {
+    source: "images",
+    width: 200,
+    height: 200,
+    crossOrigin: "Anonymous",
+    progressCallback: (captureProgress) => {
+    },
+    completeCallback: () => {
+    },
+    numWorkers: 2,
+    sampleInterval: 10,
+    interval: 0.1,
+    offset: null,
+    numFrames: 10,
+    frameDuration: 1,
+    filter: "",
+    waterMark: null,
+    waterMarkHeight: null,
+    waterMarkWidth: null,
+    waterMarkXCoordinate: 1,
+    waterMarkYCoordinate: 1,
+    text: "",
+    showFrameText: true,
+    fontWeight: "normal",
+    fontSize: "16px",
+    minFontSize: "10px",
+    resizeFont: false,
+    fontFamily: "sans-serif",
+    fontColor: "#ffffff",
+    textAlign: "center",
+    textBaseline: "bottom",
+    textXCoordinate: null,
+    textYCoordinate: null,
+    webcamVideoElement: null,
+    keepCameraOn: false,
+    cameraStream: null,
+    saveRenderingContexts: false,
+    savedRenderingContexts: []
+  };
+  var GIFBuilder = class {
+    static get properties() {
+      return {
+        id: "gif",
+        name: "GIF",
+        extensions: ["gif"],
+        mimeTypes: ["image/gif"],
+        builder: GIFBuilder,
+        options: GIF_BUILDER_OPTIONS
+      };
+    }
+    constructor(options) {
+      this.options = {
+        ...options
+      };
+      this.source = options.source;
+      delete options.source;
+      this.files = [];
+      this.gifshot = gifshot_default;
+    }
+    async initialize(options) {
+    }
+    async add(file) {
+      await this.initialize();
+      this.files.push(file);
+    }
+    async build() {
+      await this.initialize();
+      this._cleanOptions(this.options);
+      switch (this.source) {
+        case "images":
+          this.options.images = this.files;
+          break;
+        case "video":
+          this.options.video = this.files;
+          break;
+        case "webcam":
+          assert(this.files.length === 0);
+          break;
+        default:
+          throw new Error("GIFBuilder: invalid source");
+      }
+      return await this._createGIF();
+    }
+    async _createGIF() {
+      return new Promise((resolve, reject) => {
+        this.gifshot.createGIF(this.options, (result) => {
+          if (result.error) {
+            reject(result.errorMsg);
+            return;
+          }
+          resolve(result.image);
+        });
+      });
+    }
+    _cleanOptions(options) {
+      if (options.video || options.images || options.gifWidth || options.gifHeight) {
+        console.warn("GIFBuilder: ignoring options");
+      }
+      delete options.video;
+      delete options.images;
+      options.gifWidth = options.width;
+      options.gifHeight = options.height;
+      delete options.width;
+      delete options.height;
+    }
+  };
+  return __toCommonJS(src_exports);
+})();
+      return __exports__;
+      });