@opendesign-plus/components 0.0.1-rc.35 → 0.0.1-rc.36

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

@@ -0,0 +1,1082 @@
+import { __require as requireDocument } from "../../global/document.js2.mjs";
+var vtt;
+var hasRequiredVtt;
+function requireVtt() {
+  if (hasRequiredVtt) return vtt;
+  hasRequiredVtt = 1;
+  var document = requireDocument();
+  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.createElement && document.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;
+}
+export {
+  requireVtt as __require
+};