@opendesign-plus/components 0.0.1-rc.102 → 0.0.1-rc.103

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

@@ -1,911 +1,1082 @@
-import { __commonJSMin } from "../../_rolldown/runtime.mjs";
-import { require_document } from "../../global/document.js.mjs";
-// ../../node_modules/.pnpm/videojs-vtt.js@0.15.5/node_modules/videojs-vtt.js/lib/vtt.js
-var require_vtt = /* @__PURE__ */ __commonJSMin(((exports, module) => {
-	/**
-	* Copyright 2013 vtt.js Contributors
-	*
-	* Licensed under the Apache License, Version 2.0 (the "License");
-	* you may not use this file except in compliance with the License.
-	* You may obtain a copy of the License at
-	*
-	*   http://www.apache.org/licenses/LICENSE-2.0
-	*
-	* Unless required by applicable law or agreed to in writing, software
-	* distributed under the License is distributed on an "AS IS" BASIS,
-	* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-	* See the License for the specific language governing permissions and
-	* limitations under the License.
-	*/
-	var document = require_document();
-	var _objCreate = Object.create || (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, m, s, f) {
-			return (h | 0) * 3600 + (m | 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 = {
-		set: function(k, v) {
-			if (!this.get(k) && v !== "") this.values[k] = v;
-		},
-		get: function(k, dflt, defaultKey) {
-			if (defaultKey) return this.has(k) ? this.values[k] : dflt[defaultKey];
-			return this.has(k) ? this.values[k] : dflt;
-		},
-		has: function(k) {
-			return k in this.values;
-		},
-		alt: function(k, v, a) {
-			for (var n = 0; n < a.length; ++n) if (v === a[n]) {
-				this.set(k, v);
-				break;
-			}
-		},
-		integer: function(k, v) {
-			if (/^-?\d+$/.test(v)) this.set(k, parseInt(v, 10));
-		},
-		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;
-			callback(kv[0].trim(), kv[1].trim());
-		}
-	}
-	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(input, cue) {
-			var settings = new Settings();
-			parseOptions(input, 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);
-						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"
-					]);
-				}
-			}, /:/, /\s/);
-			cue.region = settings.get("region", null);
-			cue.vertical = settings.get("vertical", "");
-			try {
-				cue.line = settings.get("line", "auto");
-			} catch (e) {}
-			cue.lineAlign = settings.get("lineAlign", "start");
-			cue.snapToLines = settings.get("snapToLines", true);
-			cue.size = settings.get("size", 100);
-			try {
-				cue.align = settings.get("align", "center");
-			} catch (e) {
-				cue.align = settings.get("align", "middle");
-			}
-			try {
-				cue.position = settings.get("position", "auto");
-			} catch (e) {
-				cue.position = settings.get("position", {
-					start: 0,
-					left: 0,
-					center: 50,
-					middle: 50,
-					end: 100,
-					right: 100
-				}, cue.align);
-			}
-			cue.positionAlign = settings.get("positionAlign", {
-				start: "start",
-				left: "start",
-				center: "center",
-				middle: "center",
-				end: "end",
-				right: "end"
-			}, cue.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 m = input.match(/^([^<]*)(<[^>]*>?)?/);
-			return consume(m[1] ? m[1] : m[2]);
-		}
-		function unescape(s) {
-			TEXTAREA_ELEMENT.innerHTML = s;
-			s = TEXTAREA_ELEMENT.textContent;
-			TEXTAREA_ELEMENT.textContent = "";
-			return s;
-		}
-		function shouldAdd(current, element) {
-			return !NEEDS_PARENT[element.localName] || NEEDS_PARENT[element.localName] === current.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(nodeStack, node) {
-			for (var i = node.childNodes.length - 1; i >= 0; i--) nodeStack.push(node.childNodes[i]);
-		}
-		function nextTextNode(nodeStack) {
-			if (!nodeStack || !nodeStack.length) return null;
-			var node = nodeStack.pop(), text = node.textContent || node.innerText;
-			if (text) {
-				var m = text.match(/^.*(\n|\r)/);
-				if (m) {
-					nodeStack.length = 0;
-					return m[0];
-				}
-				return text;
-			}
-			if (node.tagName === "ruby") return nextTextNode(nodeStack);
-			if (node.childNodes) {
-				pushNodes(nodeStack, node);
-				return nextTextNode(nodeStack);
-			}
-		}
-		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;
-		}
-		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;
-		}
-	};
-	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) {
-		return Math.max(0, Math.min(this.right, b2.right) - Math.max(this.left, b2.left)) * Math.max(0, Math.min(this.bottom, b2.bottom) - Math.max(this.top, b2.top)) / (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;
-		return {
-			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
-		};
-	};
-	function moveBoxToLinePosition(window, styleBox, containerBox, boxPositions) {
-		function findBestPosition(b, axis) {
-			var bestPosition, specifiedPosition = new BoxPosition(b), percentage = 1;
-			for (var i = 0; i < axis.length; i++) {
-				while (b.overlapsOppositeAxis(containerBox, axis[i]) || b.within(containerBox) && b.overlapsAny(boxPositions)) b.move(axis[i]);
-				if (b.within(containerBox)) return b;
-				var p = b.intersectPercentage(containerBox);
-				if (percentage > p) {
-					bestPosition = new BoxPosition(b);
-					percentage = p;
-				}
-				b = new BoxPosition(specifiedPosition);
-			}
-			return bestPosition || 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";
-			}
-			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;
-			}
-			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, "%") });
-			}
-			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 = .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(cues) {
-			for (var i = 0; i < cues.length; i++) if (cues[i].hasBeenReset || !cues[i].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);
-		var styleOptions = { font: Math.round(containerBox.height * FONT_SIZE_PERCENT * 100) / 100 + "px " + FONT_STYLE };
-		(function() {
-			var styleBox, cue;
-			for (var i = 0; i < cues.length; i++) {
-				cue = cues[i];
-				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 = {
-		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 line = buffer.substr(0, pos);
-				if (buffer[pos] === "\r") ++pos;
-				if (buffer[pos] === "\n") ++pos;
-				self.buffer = buffer.substr(pos);
-				return line;
-			}
-			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"]);
-					}
-				}, /=/, /\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));
-					}
-				}, /[^\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);
-					}
-				}, /=/);
-				else parseOptions(input, function(k, v) {
-					switch (k) {
-						case "Region": parseRegion(v);
-					}
-				}, /:/);
-			}
-			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;
-							}
-						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;
-		}
-	};
-	module.exports = WebVTT;
-}));
-export default require_vtt();
-export { require_vtt };
+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
+};