@opendesign-plus-test/components 0.0.1-rc.81 → 0.0.1-rc.83

package/dist/treeshaking/cjs/_virtual/videojs-vtt.js/lib/vtt.js.cjs

@@ -1,1082 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const document = require("../../global/document.js2.cjs");
-var vtt;
-var hasRequiredVtt;
-function requireVtt() {
-  if (hasRequiredVtt) return vtt;
-  hasRequiredVtt = 1;
-  var document$1 = document.__require();
-  var _objCreate = Object.create || /* @__PURE__ */ (function() {
-    function F() {
-    }
-    return function(o) {
-      if (arguments.length !== 1) {
-        throw new Error("Object.create shim only accepts one parameter.");
-      }
-      F.prototype = o;
-      return new F();
-    };
-  })();
-  function ParsingError(errorData, message) {
-    this.name = "ParsingError";
-    this.code = errorData.code;
-    this.message = message || errorData.message;
-  }
-  ParsingError.prototype = _objCreate(Error.prototype);
-  ParsingError.prototype.constructor = ParsingError;
-  ParsingError.Errors = {
-    BadSignature: {
-      code: 0,
-      message: "Malformed WebVTT signature."
-    },
-    BadTimeStamp: {
-      code: 1,
-      message: "Malformed time stamp."
-    }
-  };
-  function parseTimeStamp(input) {
-    function computeSeconds(h, m2, s, f) {
-      return (h | 0) * 3600 + (m2 | 0) * 60 + (s | 0) + (f | 0) / 1e3;
-    }
-    var m = input.match(/^(\d+):(\d{1,2})(:\d{1,2})?\.(\d{3})/);
-    if (!m) {
-      return null;
-    }
-    if (m[3]) {
-      return computeSeconds(m[1], m[2], m[3].replace(":", ""), m[4]);
-    } else if (m[1] > 59) {
-      return computeSeconds(m[1], m[2], 0, m[4]);
-    } else {
-      return computeSeconds(0, m[1], m[2], m[4]);
-    }
-  }
-  function Settings() {
-    this.values = _objCreate(null);
-  }
-  Settings.prototype = {
-    // Only accept the first assignment to any key.
-    set: function(k, v) {
-      if (!this.get(k) && v !== "") {
-        this.values[k] = v;
-      }
-    },
-    // Return the value for a key, or a default value.
-    // If 'defaultKey' is passed then 'dflt' is assumed to be an object with
-    // a number of possible default values as properties where 'defaultKey' is
-    // the key of the property that will be chosen; otherwise it's assumed to be
-    // a single value.
-    get: function(k, dflt, defaultKey) {
-      if (defaultKey) {
-        return this.has(k) ? this.values[k] : dflt[defaultKey];
-      }
-      return this.has(k) ? this.values[k] : dflt;
-    },
-    // Check whether we have a value for a key.
-    has: function(k) {
-      return k in this.values;
-    },
-    // Accept a setting if its one of the given alternatives.
-    alt: function(k, v, a) {
-      for (var n = 0; n < a.length; ++n) {
-        if (v === a[n]) {
-          this.set(k, v);
-          break;
-        }
-      }
-    },
-    // Accept a setting if its a valid (signed) integer.
-    integer: function(k, v) {
-      if (/^-?\d+$/.test(v)) {
-        this.set(k, parseInt(v, 10));
-      }
-    },
-    // Accept a setting if its a valid percentage.
-    percent: function(k, v) {
-      if (v.match(/^([\d]{1,3})(\.[\d]*)?%$/)) {
-        v = parseFloat(v);
-        if (v >= 0 && v <= 100) {
-          this.set(k, v);
-          return true;
-        }
-      }
-      return false;
-    }
-  };
-  function parseOptions(input, callback, keyValueDelim, groupDelim) {
-    var groups = groupDelim ? input.split(groupDelim) : [input];
-    for (var i in groups) {
-      if (typeof groups[i] !== "string") {
-        continue;
-      }
-      var kv = groups[i].split(keyValueDelim);
-      if (kv.length !== 2) {
-        continue;
-      }
-      var k = kv[0].trim();
-      var v = kv[1].trim();
-      callback(k, v);
-    }
-  }
-  function parseCue(input, cue, regionList) {
-    var oInput = input;
-    function consumeTimeStamp() {
-      var ts = parseTimeStamp(input);
-      if (ts === null) {
-        throw new ParsingError(
-          ParsingError.Errors.BadTimeStamp,
-          "Malformed timestamp: " + oInput
-        );
-      }
-      input = input.replace(/^[^\sa-zA-Z-]+/, "");
-      return ts;
-    }
-    function consumeCueSettings(input2, cue2) {
-      var settings = new Settings();
-      parseOptions(input2, function(k, v) {
-        switch (k) {
-          case "region":
-            for (var i = regionList.length - 1; i >= 0; i--) {
-              if (regionList[i].id === v) {
-                settings.set(k, regionList[i].region);
-                break;
-              }
-            }
-            break;
-          case "vertical":
-            settings.alt(k, v, ["rl", "lr"]);
-            break;
-          case "line":
-            var vals = v.split(","), vals0 = vals[0];
-            settings.integer(k, vals0);
-            settings.percent(k, vals0) ? settings.set("snapToLines", false) : null;
-            settings.alt(k, vals0, ["auto"]);
-            if (vals.length === 2) {
-              settings.alt("lineAlign", vals[1], ["start", "center", "end"]);
-            }
-            break;
-          case "position":
-            vals = v.split(",");
-            settings.percent(k, vals[0]);
-            if (vals.length === 2) {
-              settings.alt("positionAlign", vals[1], ["start", "center", "end"]);
-            }
-            break;
-          case "size":
-            settings.percent(k, v);
-            break;
-          case "align":
-            settings.alt(k, v, ["start", "center", "end", "left", "right"]);
-            break;
-        }
-      }, /:/, /\s/);
-      cue2.region = settings.get("region", null);
-      cue2.vertical = settings.get("vertical", "");
-      try {
-        cue2.line = settings.get("line", "auto");
-      } catch (e) {
-      }
-      cue2.lineAlign = settings.get("lineAlign", "start");
-      cue2.snapToLines = settings.get("snapToLines", true);
-      cue2.size = settings.get("size", 100);
-      try {
-        cue2.align = settings.get("align", "center");
-      } catch (e) {
-        cue2.align = settings.get("align", "middle");
-      }
-      try {
-        cue2.position = settings.get("position", "auto");
-      } catch (e) {
-        cue2.position = settings.get("position", {
-          start: 0,
-          left: 0,
-          center: 50,
-          middle: 50,
-          end: 100,
-          right: 100
-        }, cue2.align);
-      }
-      cue2.positionAlign = settings.get("positionAlign", {
-        start: "start",
-        left: "start",
-        center: "center",
-        middle: "center",
-        end: "end",
-        right: "end"
-      }, cue2.align);
-    }
-    function skipWhitespace() {
-      input = input.replace(/^\s+/, "");
-    }
-    skipWhitespace();
-    cue.startTime = consumeTimeStamp();
-    skipWhitespace();
-    if (input.substr(0, 3) !== "-->") {
-      throw new ParsingError(
-        ParsingError.Errors.BadTimeStamp,
-        "Malformed time stamp (time stamps must be separated by '-->'): " + oInput
-      );
-    }
-    input = input.substr(3);
-    skipWhitespace();
-    cue.endTime = consumeTimeStamp();
-    skipWhitespace();
-    consumeCueSettings(input, cue);
-  }
-  var TEXTAREA_ELEMENT = document$1.createElement && document$1.createElement("textarea");
-  var TAG_NAME = {
-    c: "span",
-    i: "i",
-    b: "b",
-    u: "u",
-    ruby: "ruby",
-    rt: "rt",
-    v: "span",
-    lang: "span"
-  };
-  var DEFAULT_COLOR_CLASS = {
-    white: "rgba(255,255,255,1)",
-    lime: "rgba(0,255,0,1)",
-    cyan: "rgba(0,255,255,1)",
-    red: "rgba(255,0,0,1)",
-    yellow: "rgba(255,255,0,1)",
-    magenta: "rgba(255,0,255,1)",
-    blue: "rgba(0,0,255,1)",
-    black: "rgba(0,0,0,1)"
-  };
-  var TAG_ANNOTATION = {
-    v: "title",
-    lang: "lang"
-  };
-  var NEEDS_PARENT = {
-    rt: "ruby"
-  };
-  function parseContent(window, input) {
-    function nextToken() {
-      if (!input) {
-        return null;
-      }
-      function consume(result) {
-        input = input.substr(result.length);
-        return result;
-      }
-      var m2 = input.match(/^([^<]*)(<[^>]*>?)?/);
-      return consume(m2[1] ? m2[1] : m2[2]);
-    }
-    function unescape(s) {
-      TEXTAREA_ELEMENT.innerHTML = s;
-      s = TEXTAREA_ELEMENT.textContent;
-      TEXTAREA_ELEMENT.textContent = "";
-      return s;
-    }
-    function shouldAdd(current2, element) {
-      return !NEEDS_PARENT[element.localName] || NEEDS_PARENT[element.localName] === current2.localName;
-    }
-    function createElement(type, annotation) {
-      var tagName = TAG_NAME[type];
-      if (!tagName) {
-        return null;
-      }
-      var element = window.document.createElement(tagName);
-      var name = TAG_ANNOTATION[type];
-      if (name && annotation) {
-        element[name] = annotation.trim();
-      }
-      return element;
-    }
-    var rootDiv = window.document.createElement("div"), current = rootDiv, t, tagStack = [];
-    while ((t = nextToken()) !== null) {
-      if (t[0] === "<") {
-        if (t[1] === "/") {
-          if (tagStack.length && tagStack[tagStack.length - 1] === t.substr(2).replace(">", "")) {
-            tagStack.pop();
-            current = current.parentNode;
-          }
-          continue;
-        }
-        var ts = parseTimeStamp(t.substr(1, t.length - 2));
-        var node;
-        if (ts) {
-          node = window.document.createProcessingInstruction("timestamp", ts);
-          current.appendChild(node);
-          continue;
-        }
-        var m = t.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/);
-        if (!m) {
-          continue;
-        }
-        node = createElement(m[1], m[3]);
-        if (!node) {
-          continue;
-        }
-        if (!shouldAdd(current, node)) {
-          continue;
-        }
-        if (m[2]) {
-          var classes = m[2].split(".");
-          classes.forEach(function(cl) {
-            var bgColor = /^bg_/.test(cl);
-            var colorName = bgColor ? cl.slice(3) : cl;
-            if (DEFAULT_COLOR_CLASS.hasOwnProperty(colorName)) {
-              var propName = bgColor ? "background-color" : "color";
-              var propValue = DEFAULT_COLOR_CLASS[colorName];
-              node.style[propName] = propValue;
-            }
-          });
-          node.className = classes.join(" ");
-        }
-        tagStack.push(m[1]);
-        current.appendChild(node);
-        current = node;
-        continue;
-      }
-      current.appendChild(window.document.createTextNode(unescape(t)));
-    }
-    return rootDiv;
-  }
-  var strongRTLRanges = [
-    [1470, 1470],
-    [1472, 1472],
-    [1475, 1475],
-    [1478, 1478],
-    [1488, 1514],
-    [1520, 1524],
-    [1544, 1544],
-    [1547, 1547],
-    [1549, 1549],
-    [1563, 1563],
-    [1566, 1610],
-    [1645, 1647],
-    [1649, 1749],
-    [1765, 1766],
-    [1774, 1775],
-    [1786, 1805],
-    [1807, 1808],
-    [1810, 1839],
-    [1869, 1957],
-    [1969, 1969],
-    [1984, 2026],
-    [2036, 2037],
-    [2042, 2042],
-    [2048, 2069],
-    [2074, 2074],
-    [2084, 2084],
-    [2088, 2088],
-    [2096, 2110],
-    [2112, 2136],
-    [2142, 2142],
-    [2208, 2208],
-    [2210, 2220],
-    [8207, 8207],
-    [64285, 64285],
-    [64287, 64296],
-    [64298, 64310],
-    [64312, 64316],
-    [64318, 64318],
-    [64320, 64321],
-    [64323, 64324],
-    [64326, 64449],
-    [64467, 64829],
-    [64848, 64911],
-    [64914, 64967],
-    [65008, 65020],
-    [65136, 65140],
-    [65142, 65276],
-    [67584, 67589],
-    [67592, 67592],
-    [67594, 67637],
-    [67639, 67640],
-    [67644, 67644],
-    [67647, 67669],
-    [67671, 67679],
-    [67840, 67867],
-    [67872, 67897],
-    [67903, 67903],
-    [67968, 68023],
-    [68030, 68031],
-    [68096, 68096],
-    [68112, 68115],
-    [68117, 68119],
-    [68121, 68147],
-    [68160, 68167],
-    [68176, 68184],
-    [68192, 68223],
-    [68352, 68405],
-    [68416, 68437],
-    [68440, 68466],
-    [68472, 68479],
-    [68608, 68680],
-    [126464, 126467],
-    [126469, 126495],
-    [126497, 126498],
-    [126500, 126500],
-    [126503, 126503],
-    [126505, 126514],
-    [126516, 126519],
-    [126521, 126521],
-    [126523, 126523],
-    [126530, 126530],
-    [126535, 126535],
-    [126537, 126537],
-    [126539, 126539],
-    [126541, 126543],
-    [126545, 126546],
-    [126548, 126548],
-    [126551, 126551],
-    [126553, 126553],
-    [126555, 126555],
-    [126557, 126557],
-    [126559, 126559],
-    [126561, 126562],
-    [126564, 126564],
-    [126567, 126570],
-    [126572, 126578],
-    [126580, 126583],
-    [126585, 126588],
-    [126590, 126590],
-    [126592, 126601],
-    [126603, 126619],
-    [126625, 126627],
-    [126629, 126633],
-    [126635, 126651],
-    [1114109, 1114109]
-  ];
-  function isStrongRTLChar(charCode) {
-    for (var i = 0; i < strongRTLRanges.length; i++) {
-      var currentRange = strongRTLRanges[i];
-      if (charCode >= currentRange[0] && charCode <= currentRange[1]) {
-        return true;
-      }
-    }
-    return false;
-  }
-  function determineBidi(cueDiv) {
-    var nodeStack = [], text = "", charCode;
-    if (!cueDiv || !cueDiv.childNodes) {
-      return "ltr";
-    }
-    function pushNodes(nodeStack2, node) {
-      for (var i2 = node.childNodes.length - 1; i2 >= 0; i2--) {
-        nodeStack2.push(node.childNodes[i2]);
-      }
-    }
-    function nextTextNode(nodeStack2) {
-      if (!nodeStack2 || !nodeStack2.length) {
-        return null;
-      }
-      var node = nodeStack2.pop(), text2 = node.textContent || node.innerText;
-      if (text2) {
-        var m = text2.match(/^.*(\n|\r)/);
-        if (m) {
-          nodeStack2.length = 0;
-          return m[0];
-        }
-        return text2;
-      }
-      if (node.tagName === "ruby") {
-        return nextTextNode(nodeStack2);
-      }
-      if (node.childNodes) {
-        pushNodes(nodeStack2, node);
-        return nextTextNode(nodeStack2);
-      }
-    }
-    pushNodes(nodeStack, cueDiv);
-    while (text = nextTextNode(nodeStack)) {
-      for (var i = 0; i < text.length; i++) {
-        charCode = text.charCodeAt(i);
-        if (isStrongRTLChar(charCode)) {
-          return "rtl";
-        }
-      }
-    }
-    return "ltr";
-  }
-  function computeLinePos(cue) {
-    if (typeof cue.line === "number" && (cue.snapToLines || cue.line >= 0 && cue.line <= 100)) {
-      return cue.line;
-    }
-    if (!cue.track || !cue.track.textTrackList || !cue.track.textTrackList.mediaElement) {
-      return -1;
-    }
-    var track = cue.track, trackList = track.textTrackList, count = 0;
-    for (var i = 0; i < trackList.length && trackList[i] !== track; i++) {
-      if (trackList[i].mode === "showing") {
-        count++;
-      }
-    }
-    return ++count * -1;
-  }
-  function StyleBox() {
-  }
-  StyleBox.prototype.applyStyles = function(styles, div) {
-    div = div || this.div;
-    for (var prop in styles) {
-      if (styles.hasOwnProperty(prop)) {
-        div.style[prop] = styles[prop];
-      }
-    }
-  };
-  StyleBox.prototype.formatStyle = function(val, unit) {
-    return val === 0 ? 0 : val + unit;
-  };
-  function CueStyleBox(window, cue, styleOptions) {
-    StyleBox.call(this);
-    this.cue = cue;
-    this.cueDiv = parseContent(window, cue.text);
-    var styles = {
-      color: "rgba(255, 255, 255, 1)",
-      backgroundColor: "rgba(0, 0, 0, 0.8)",
-      position: "relative",
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      display: "inline",
-      writingMode: cue.vertical === "" ? "horizontal-tb" : cue.vertical === "lr" ? "vertical-lr" : "vertical-rl",
-      unicodeBidi: "plaintext"
-    };
-    this.applyStyles(styles, this.cueDiv);
-    this.div = window.document.createElement("div");
-    styles = {
-      direction: determineBidi(this.cueDiv),
-      writingMode: cue.vertical === "" ? "horizontal-tb" : cue.vertical === "lr" ? "vertical-lr" : "vertical-rl",
-      unicodeBidi: "plaintext",
-      textAlign: cue.align === "middle" ? "center" : cue.align,
-      font: styleOptions.font,
-      whiteSpace: "pre-line",
-      position: "absolute"
-    };
-    this.applyStyles(styles);
-    this.div.appendChild(this.cueDiv);
-    var textPos = 0;
-    switch (cue.positionAlign) {
-      case "start":
-      case "line-left":
-        textPos = cue.position;
-        break;
-      case "center":
-        textPos = cue.position - cue.size / 2;
-        break;
-      case "end":
-      case "line-right":
-        textPos = cue.position - cue.size;
-        break;
-    }
-    if (cue.vertical === "") {
-      this.applyStyles({
-        left: this.formatStyle(textPos, "%"),
-        width: this.formatStyle(cue.size, "%")
-      });
-    } else {
-      this.applyStyles({
-        top: this.formatStyle(textPos, "%"),
-        height: this.formatStyle(cue.size, "%")
-      });
-    }
-    this.move = function(box) {
-      this.applyStyles({
-        top: this.formatStyle(box.top, "px"),
-        bottom: this.formatStyle(box.bottom, "px"),
-        left: this.formatStyle(box.left, "px"),
-        right: this.formatStyle(box.right, "px"),
-        height: this.formatStyle(box.height, "px"),
-        width: this.formatStyle(box.width, "px")
-      });
-    };
-  }
-  CueStyleBox.prototype = _objCreate(StyleBox.prototype);
-  CueStyleBox.prototype.constructor = CueStyleBox;
-  function BoxPosition(obj) {
-    var lh, height, width, top;
-    if (obj.div) {
-      height = obj.div.offsetHeight;
-      width = obj.div.offsetWidth;
-      top = obj.div.offsetTop;
-      var rects = (rects = obj.div.childNodes) && (rects = rects[0]) && rects.getClientRects && rects.getClientRects();
-      obj = obj.div.getBoundingClientRect();
-      lh = rects ? Math.max(rects[0] && rects[0].height || 0, obj.height / rects.length) : 0;
-    }
-    this.left = obj.left;
-    this.right = obj.right;
-    this.top = obj.top || top;
-    this.height = obj.height || height;
-    this.bottom = obj.bottom || top + (obj.height || height);
-    this.width = obj.width || width;
-    this.lineHeight = lh !== void 0 ? lh : obj.lineHeight;
-  }
-  BoxPosition.prototype.move = function(axis, toMove) {
-    toMove = toMove !== void 0 ? toMove : this.lineHeight;
-    switch (axis) {
-      case "+x":
-        this.left += toMove;
-        this.right += toMove;
-        break;
-      case "-x":
-        this.left -= toMove;
-        this.right -= toMove;
-        break;
-      case "+y":
-        this.top += toMove;
-        this.bottom += toMove;
-        break;
-      case "-y":
-        this.top -= toMove;
-        this.bottom -= toMove;
-        break;
-    }
-  };
-  BoxPosition.prototype.overlaps = function(b2) {
-    return this.left < b2.right && this.right > b2.left && this.top < b2.bottom && this.bottom > b2.top;
-  };
-  BoxPosition.prototype.overlapsAny = function(boxes) {
-    for (var i = 0; i < boxes.length; i++) {
-      if (this.overlaps(boxes[i])) {
-        return true;
-      }
-    }
-    return false;
-  };
-  BoxPosition.prototype.within = function(container) {
-    return this.top >= container.top && this.bottom <= container.bottom && this.left >= container.left && this.right <= container.right;
-  };
-  BoxPosition.prototype.overlapsOppositeAxis = function(container, axis) {
-    switch (axis) {
-      case "+x":
-        return this.left < container.left;
-      case "-x":
-        return this.right > container.right;
-      case "+y":
-        return this.top < container.top;
-      case "-y":
-        return this.bottom > container.bottom;
-    }
-  };
-  BoxPosition.prototype.intersectPercentage = function(b2) {
-    var x = Math.max(0, Math.min(this.right, b2.right) - Math.max(this.left, b2.left)), y = Math.max(0, Math.min(this.bottom, b2.bottom) - Math.max(this.top, b2.top)), intersectArea = x * y;
-    return intersectArea / (this.height * this.width);
-  };
-  BoxPosition.prototype.toCSSCompatValues = function(reference) {
-    return {
-      top: this.top - reference.top,
-      bottom: reference.bottom - this.bottom,
-      left: this.left - reference.left,
-      right: reference.right - this.right,
-      height: this.height,
-      width: this.width
-    };
-  };
-  BoxPosition.getSimpleBoxPosition = function(obj) {
-    var height = obj.div ? obj.div.offsetHeight : obj.tagName ? obj.offsetHeight : 0;
-    var width = obj.div ? obj.div.offsetWidth : obj.tagName ? obj.offsetWidth : 0;
-    var top = obj.div ? obj.div.offsetTop : obj.tagName ? obj.offsetTop : 0;
-    obj = obj.div ? obj.div.getBoundingClientRect() : obj.tagName ? obj.getBoundingClientRect() : obj;
-    var ret = {
-      left: obj.left,
-      right: obj.right,
-      top: obj.top || top,
-      height: obj.height || height,
-      bottom: obj.bottom || top + (obj.height || height),
-      width: obj.width || width
-    };
-    return ret;
-  };
-  function moveBoxToLinePosition(window, styleBox, containerBox, boxPositions) {
-    function findBestPosition(b, axis2) {
-      var bestPosition2, specifiedPosition = new BoxPosition(b), percentage = 1;
-      for (var i = 0; i < axis2.length; i++) {
-        while (b.overlapsOppositeAxis(containerBox, axis2[i]) || b.within(containerBox) && b.overlapsAny(boxPositions)) {
-          b.move(axis2[i]);
-        }
-        if (b.within(containerBox)) {
-          return b;
-        }
-        var p = b.intersectPercentage(containerBox);
-        if (percentage > p) {
-          bestPosition2 = new BoxPosition(b);
-          percentage = p;
-        }
-        b = new BoxPosition(specifiedPosition);
-      }
-      return bestPosition2 || specifiedPosition;
-    }
-    var boxPosition = new BoxPosition(styleBox), cue = styleBox.cue, linePos = computeLinePos(cue), axis = [];
-    if (cue.snapToLines) {
-      var size;
-      switch (cue.vertical) {
-        case "":
-          axis = ["+y", "-y"];
-          size = "height";
-          break;
-        case "rl":
-          axis = ["+x", "-x"];
-          size = "width";
-          break;
-        case "lr":
-          axis = ["-x", "+x"];
-          size = "width";
-          break;
-      }
-      var step = boxPosition.lineHeight, position = step * Math.round(linePos), maxPosition = containerBox[size] + step, initialAxis = axis[0];
-      if (Math.abs(position) > maxPosition) {
-        position = position < 0 ? -1 : 1;
-        position *= Math.ceil(maxPosition / step) * step;
-      }
-      if (linePos < 0) {
-        position += cue.vertical === "" ? containerBox.height : containerBox.width;
-        axis = axis.reverse();
-      }
-      boxPosition.move(initialAxis, position);
-    } else {
-      var calculatedPercentage = boxPosition.lineHeight / containerBox.height * 100;
-      switch (cue.lineAlign) {
-        case "center":
-          linePos -= calculatedPercentage / 2;
-          break;
-        case "end":
-          linePos -= calculatedPercentage;
-          break;
-      }
-      switch (cue.vertical) {
-        case "":
-          styleBox.applyStyles({
-            top: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-        case "rl":
-          styleBox.applyStyles({
-            left: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-        case "lr":
-          styleBox.applyStyles({
-            right: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-      }
-      axis = ["+y", "-x", "+x", "-y"];
-      boxPosition = new BoxPosition(styleBox);
-    }
-    var bestPosition = findBestPosition(boxPosition, axis);
-    styleBox.move(bestPosition.toCSSCompatValues(containerBox));
-  }
-  function WebVTT() {
-  }
-  WebVTT.StringDecoder = function() {
-    return {
-      decode: function(data) {
-        if (!data) {
-          return "";
-        }
-        if (typeof data !== "string") {
-          throw new Error("Error - expected string data.");
-        }
-        return decodeURIComponent(encodeURIComponent(data));
-      }
-    };
-  };
-  WebVTT.convertCueToDOMTree = function(window, cuetext) {
-    if (!window || !cuetext) {
-      return null;
-    }
-    return parseContent(window, cuetext);
-  };
-  var FONT_SIZE_PERCENT = 0.05;
-  var FONT_STYLE = "sans-serif";
-  var CUE_BACKGROUND_PADDING = "1.5%";
-  WebVTT.processCues = function(window, cues, overlay) {
-    if (!window || !cues || !overlay) {
-      return null;
-    }
-    while (overlay.firstChild) {
-      overlay.removeChild(overlay.firstChild);
-    }
-    var paddedOverlay = window.document.createElement("div");
-    paddedOverlay.style.position = "absolute";
-    paddedOverlay.style.left = "0";
-    paddedOverlay.style.right = "0";
-    paddedOverlay.style.top = "0";
-    paddedOverlay.style.bottom = "0";
-    paddedOverlay.style.margin = CUE_BACKGROUND_PADDING;
-    overlay.appendChild(paddedOverlay);
-    function shouldCompute(cues2) {
-      for (var i2 = 0; i2 < cues2.length; i2++) {
-        if (cues2[i2].hasBeenReset || !cues2[i2].displayState) {
-          return true;
-        }
-      }
-      return false;
-    }
-    if (!shouldCompute(cues)) {
-      for (var i = 0; i < cues.length; i++) {
-        paddedOverlay.appendChild(cues[i].displayState);
-      }
-      return;
-    }
-    var boxPositions = [], containerBox = BoxPosition.getSimpleBoxPosition(paddedOverlay), fontSize = Math.round(containerBox.height * FONT_SIZE_PERCENT * 100) / 100;
-    var styleOptions = {
-      font: fontSize + "px " + FONT_STYLE
-    };
-    (function() {
-      var styleBox, cue;
-      for (var i2 = 0; i2 < cues.length; i2++) {
-        cue = cues[i2];
-        styleBox = new CueStyleBox(window, cue, styleOptions);
-        paddedOverlay.appendChild(styleBox.div);
-        moveBoxToLinePosition(window, styleBox, containerBox, boxPositions);
-        cue.displayState = styleBox.div;
-        boxPositions.push(BoxPosition.getSimpleBoxPosition(styleBox));
-      }
-    })();
-  };
-  WebVTT.Parser = function(window, vttjs, decoder) {
-    if (!decoder) {
-      decoder = vttjs;
-      vttjs = {};
-    }
-    if (!vttjs) {
-      vttjs = {};
-    }
-    this.window = window;
-    this.vttjs = vttjs;
-    this.state = "INITIAL";
-    this.buffer = "";
-    this.decoder = decoder || new TextDecoder("utf8");
-    this.regionList = [];
-  };
-  WebVTT.Parser.prototype = {
-    // If the error is a ParsingError then report it to the consumer if
-    // possible. If it's not a ParsingError then throw it like normal.
-    reportOrThrowError: function(e) {
-      if (e instanceof ParsingError) {
-        this.onparsingerror && this.onparsingerror(e);
-      } else {
-        throw e;
-      }
-    },
-    parse: function(data) {
-      var self = this;
-      if (data) {
-        self.buffer += self.decoder.decode(data, { stream: true });
-      }
-      function collectNextLine() {
-        var buffer = self.buffer;
-        var pos = 0;
-        while (pos < buffer.length && buffer[pos] !== "\r" && buffer[pos] !== "\n") {
-          ++pos;
-        }
-        var line2 = buffer.substr(0, pos);
-        if (buffer[pos] === "\r") {
-          ++pos;
-        }
-        if (buffer[pos] === "\n") {
-          ++pos;
-        }
-        self.buffer = buffer.substr(pos);
-        return line2;
-      }
-      function parseRegion(input) {
-        var settings = new Settings();
-        parseOptions(input, function(k, v) {
-          switch (k) {
-            case "id":
-              settings.set(k, v);
-              break;
-            case "width":
-              settings.percent(k, v);
-              break;
-            case "lines":
-              settings.integer(k, v);
-              break;
-            case "regionanchor":
-            case "viewportanchor":
-              var xy = v.split(",");
-              if (xy.length !== 2) {
-                break;
-              }
-              var anchor = new Settings();
-              anchor.percent("x", xy[0]);
-              anchor.percent("y", xy[1]);
-              if (!anchor.has("x") || !anchor.has("y")) {
-                break;
-              }
-              settings.set(k + "X", anchor.get("x"));
-              settings.set(k + "Y", anchor.get("y"));
-              break;
-            case "scroll":
-              settings.alt(k, v, ["up"]);
-              break;
-          }
-        }, /=/, /\s/);
-        if (settings.has("id")) {
-          var region = new (self.vttjs.VTTRegion || self.window.VTTRegion)();
-          region.width = settings.get("width", 100);
-          region.lines = settings.get("lines", 3);
-          region.regionAnchorX = settings.get("regionanchorX", 0);
-          region.regionAnchorY = settings.get("regionanchorY", 100);
-          region.viewportAnchorX = settings.get("viewportanchorX", 0);
-          region.viewportAnchorY = settings.get("viewportanchorY", 100);
-          region.scroll = settings.get("scroll", "");
-          self.onregion && self.onregion(region);
-          self.regionList.push({
-            id: settings.get("id"),
-            region
-          });
-        }
-      }
-      function parseTimestampMap(input) {
-        var settings = new Settings();
-        parseOptions(input, function(k, v) {
-          switch (k) {
-            case "MPEGT":
-              settings.integer(k + "S", v);
-              break;
-            case "LOCA":
-              settings.set(k + "L", parseTimeStamp(v));
-              break;
-          }
-        }, /[^\d]:/, /,/);
-        self.ontimestampmap && self.ontimestampmap({
-          "MPEGTS": settings.get("MPEGTS"),
-          "LOCAL": settings.get("LOCAL")
-        });
-      }
-      function parseHeader(input) {
-        if (input.match(/X-TIMESTAMP-MAP/)) {
-          parseOptions(input, function(k, v) {
-            switch (k) {
-              case "X-TIMESTAMP-MAP":
-                parseTimestampMap(v);
-                break;
-            }
-          }, /=/);
-        } else {
-          parseOptions(input, function(k, v) {
-            switch (k) {
-              case "Region":
-                parseRegion(v);
-                break;
-            }
-          }, /:/);
-        }
-      }
-      try {
-        var line;
-        if (self.state === "INITIAL") {
-          if (!/\r\n|\n/.test(self.buffer)) {
-            return this;
-          }
-          line = collectNextLine();
-          var m = line.match(/^WEBVTT([ \t].*)?$/);
-          if (!m || !m[0]) {
-            throw new ParsingError(ParsingError.Errors.BadSignature);
-          }
-          self.state = "HEADER";
-        }
-        var alreadyCollectedLine = false;
-        while (self.buffer) {
-          if (!/\r\n|\n/.test(self.buffer)) {
-            return this;
-          }
-          if (!alreadyCollectedLine) {
-            line = collectNextLine();
-          } else {
-            alreadyCollectedLine = false;
-          }
-          switch (self.state) {
-            case "HEADER":
-              if (/:/.test(line)) {
-                parseHeader(line);
-              } else if (!line) {
-                self.state = "ID";
-              }
-              continue;
-            case "NOTE":
-              if (!line) {
-                self.state = "ID";
-              }
-              continue;
-            case "ID":
-              if (/^NOTE($|[ \t])/.test(line)) {
-                self.state = "NOTE";
-                break;
-              }
-              if (!line) {
-                continue;
-              }
-              self.cue = new (self.vttjs.VTTCue || self.window.VTTCue)(0, 0, "");
-              try {
-                self.cue.align = "center";
-              } catch (e) {
-                self.cue.align = "middle";
-              }
-              self.state = "CUE";
-              if (line.indexOf("-->") === -1) {
-                self.cue.id = line;
-                continue;
-              }
-            // Process line as start of a cue.
-            /*falls through*/
-            case "CUE":
-              try {
-                parseCue(line, self.cue, self.regionList);
-              } catch (e) {
-                self.reportOrThrowError(e);
-                self.cue = null;
-                self.state = "BADCUE";
-                continue;
-              }
-              self.state = "CUETEXT";
-              continue;
-            case "CUETEXT":
-              var hasSubstring = line.indexOf("-->") !== -1;
-              if (!line || hasSubstring && (alreadyCollectedLine = true)) {
-                self.oncue && self.oncue(self.cue);
-                self.cue = null;
-                self.state = "ID";
-                continue;
-              }
-              if (self.cue.text) {
-                self.cue.text += "\n";
-              }
-              self.cue.text += line.replace(/\u2028/g, "\n").replace(/u2029/g, "\n");
-              continue;
-            case "BADCUE":
-              if (!line) {
-                self.state = "ID";
-              }
-              continue;
-          }
-        }
-      } catch (e) {
-        self.reportOrThrowError(e);
-        if (self.state === "CUETEXT" && self.cue && self.oncue) {
-          self.oncue(self.cue);
-        }
-        self.cue = null;
-        self.state = self.state === "INITIAL" ? "BADWEBVTT" : "BADCUE";
-      }
-      return this;
-    },
-    flush: function() {
-      var self = this;
-      try {
-        self.buffer += self.decoder.decode();
-        if (self.cue || self.state === "HEADER") {
-          self.buffer += "\n\n";
-          self.parse();
-        }
-        if (self.state === "INITIAL") {
-          throw new ParsingError(ParsingError.Errors.BadSignature);
-        }
-      } catch (e) {
-        self.reportOrThrowError(e);
-      }
-      self.onflush && self.onflush();
-      return this;
-    }
-  };
-  vtt = WebVTT;
-  return vtt;
-}
-exports.__require = requireVtt;