rx-player 4.0.0 → 4.1.0-dev.2024031100

package/dist/commonjs/parsers/manifest/utils/update_segment_timeline.js

@@ -82,7 +82,8 @@ function updateSegmentTimeline(oldTimeline, newTimeline) {
             oldTimeline.splice.apply(oldTimeline, __spreadArray([i, nbEltsToRemove], __read(newTimeline), false));
             return false;
         }
-        else if (currStart < newIndexStart) { // first to be before
+        else if (currStart < newIndexStart) {
+            // first to be before
             var currElt = oldTimeline[i];
             if (currElt.start + currElt.duration > newIndexStart) {
                 // The new Manifest overlaps a previous segment (weird)
@@ -93,25 +94,25 @@ function updateSegmentTimeline(oldTimeline, newTimeline) {
             }
             else if (currElt.repeatCount === undefined || currElt.repeatCount <= 0) {
                 if (currElt.repeatCount < 0) {
-                    currElt.repeatCount = Math.floor((newIndexStart - currElt.start) /
-                        currElt.duration) - 1;
+                    currElt.repeatCount =
+                        Math.floor((newIndexStart - currElt.start) / currElt.duration) - 1;
                 }
                 oldTimeline.splice.apply(oldTimeline, __spreadArray([i + 1, prevTimelineLength - (i + 1)], __read(newTimeline), false));
                 return false;
             }
             // else, there is a positive repeat we might want to update
             var eltLastTime = currElt.start + currElt.duration * (currElt.repeatCount + 1);
-            if (eltLastTime <= newIndexStart) { // our new index comes directly after
+            if (eltLastTime <= newIndexStart) {
+                // our new index comes directly after
                 // put it after this one
-                oldTimeline.splice.apply(// our new index comes directly after
-                oldTimeline, __spreadArray([i + 1, prevTimelineLength - (i + 1)], __read(newTimeline), false));
+                oldTimeline.splice.apply(oldTimeline, __spreadArray([i + 1, prevTimelineLength - (i + 1)], __read(newTimeline), false));
                 return false;
             }
-            var newCurrRepeat = ((newIndexStart - currElt.start) / currElt.duration) - 1;
+            var newCurrRepeat = (newIndexStart - currElt.start) / currElt.duration - 1;
             if (newCurrRepeat % 1 === 0 && currElt.duration === newTimeline[0].duration) {
-                var newRepeatCount = newTimeline[0].repeatCount < 0 ?
-                    -1 : // === maximum possible repeat
-                    newTimeline[0].repeatCount + newCurrRepeat + 1;
+                var newRepeatCount = newTimeline[0].repeatCount < 0
+                    ? -1 // === maximum possible repeat
+                    : newTimeline[0].repeatCount + newCurrRepeat + 1;
                 // replace that one and those after it
                 oldTimeline.splice.apply(oldTimeline, __spreadArray([i, prevTimelineLength - i], __read(newTimeline), false));
                 oldTimeline[i].start = currElt.start;
@@ -135,22 +136,21 @@ function updateSegmentTimeline(oldTimeline, newTimeline) {
             log_1.default.warn("RepresentationIndex: The new index is older than the previous one");
             return false;
         }
-        else { // the new has more depth
-            log_1.default.warn("RepresentationIndex: The new index is \"bigger\" than the previous one");
+        else {
+            // the new has more depth
+            log_1.default.warn('RepresentationIndex: The new index is "bigger" than the previous one');
             oldTimeline.splice.apply(oldTimeline, __spreadArray([0, prevTimelineLength], __read(newTimeline), false));
             return true;
         }
     }
-    var prevLastTime = prevLastElt.start + prevLastElt.duration *
-        (prevLastElt.repeatCount + 1);
-    var newLastTime = newLastElt.start + newLastElt.duration *
-        (newLastElt.repeatCount + 1);
+    var prevLastTime = prevLastElt.start + prevLastElt.duration * (prevLastElt.repeatCount + 1);
+    var newLastTime = newLastElt.start + newLastElt.duration * (newLastElt.repeatCount + 1);
     if (prevLastTime >= newLastTime) {
         log_1.default.warn("RepresentationIndex: The new index is older than the previous one");
         return false;
     }
     // the new one has more depth. full update
-    log_1.default.warn("RepresentationIndex: The new index is \"bigger\" than the previous one");
+    log_1.default.warn('RepresentationIndex: The new index is "bigger" than the previous one');
     oldTimeline.splice.apply(oldTimeline, __spreadArray([0, prevTimelineLength], __read(newTimeline), false));
     return true;
 }

package/dist/commonjs/parsers/texttracks/index.d.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { IHTMLCue, INativeTextTracksParserFn, IHTMLTextTracksParserFn, } from "./types";
+export { IHTMLCue, INativeTextTracksParserFn, IHTMLTextTracksParserFn } from "./types";

package/dist/commonjs/parsers/texttracks/sami/html.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { IHTMLCue } from "../types";
+import type { IHTMLCue } from "../types";
 /**
  * Because sami is not really html... we have to use
  * some kind of regular expressions to parse it...

package/dist/commonjs/parsers/texttracks/sami/html.js

@@ -44,6 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * It always should be imported through the `features` object.
  */
 var is_non_empty_string_1 = require("../../../utils/is_non_empty_string");
+var is_null_or_undefined_1 = require("../../../utils/is_null_or_undefined");
 var HTML_ENTITIES = /&#([0-9]+);/g;
 var BR = /<br>/gi;
 var STYLE = /<style[^>]*>([\s\S]*?)<\/style[^>]*>/i;
@@ -61,7 +62,7 @@ function getClassNameByLang(str) {
     while (m !== null) {
         var name_1 = m[1];
         var lang = getCSSProperty(m[2], "lang");
-        if (name_1 != null && lang != null) {
+        if (!(0, is_null_or_undefined_1.default)(name_1) && !(0, is_null_or_undefined_1.default)(lang)) {
             langs[lang] = name_1;
         }
         m = ruleRe.exec(str);
@@ -88,17 +89,15 @@ function getPCSSRules(str) {
  * @returns {string|null} - value of the property. Null if not found.
  */
 function getCSSProperty(str, name) {
-    var matches = (new RegExp("\\s*" + name + ":\\s*(\\S+);", "i")).exec(str);
-    return Array.isArray(matches) ? matches[1] :
-        null;
+    var matches = new RegExp("\\s*" + name + ":\\s*(\\S+);", "i").exec(str);
+    return Array.isArray(matches) ? matches[1] : null;
 }
 /**
  * @param {string} text
  * @returns {string}
  */
 function decodeEntities(text) {
-    return text
-        .replace(HTML_ENTITIES, function (_, $1) { return String.fromCharCode(Number($1)); });
+    return text.replace(HTML_ENTITIES, function (_, $1) { return String.fromCharCode(Number($1)); });
 }
 /**
  * Because sami is not really html... we have to use
@@ -112,12 +111,11 @@ function decodeEntities(text) {
  * @param {string} lang
  */
 function parseSami(smi, timeOffset, lang) {
-    var syncOpen = /<sync[ >]/ig;
-    var syncClose = /<sync[ >]|<\/body>/ig;
+    var syncOpen = /<sync[ >]/gi;
+    var syncClose = /<sync[ >]|<\/body>/gi;
     var subs = [];
     var styleMatches = STYLE.exec(smi);
-    var css = Array.isArray(styleMatches) ? styleMatches[1] :
-        "";
+    var css = Array.isArray(styleMatches) ? styleMatches[1] : "";
     var up;
     var to;
     // FIXME Is that wanted?
@@ -176,10 +174,11 @@ function parseSami(smi, timeOffset, lang) {
                 divEl.style.bottom = "0";
                 divEl.style.width = "100%";
                 divEl.style.color = "#fff";
-                divEl.style.textShadow = "-1px -1px 0 #000," +
-                    "1px -1px 0 #000," +
-                    "-1px 1px 0 #000," +
-                    "1px 1px 0 #000";
+                divEl.style.textShadow =
+                    "-1px -1px 0 #000," +
+                        "1px -1px 0 #000," +
+                        "-1px 1px 0 #000," +
+                        "1px 1px 0 #000";
                 var pEl = document.createElement("div");
                 pEl.className = "rxp-texttrack-p";
                 if ((0, is_non_empty_string_1.default)(pCSS)) {
@@ -197,9 +196,11 @@ function parseSami(smi, timeOffset, lang) {
                 }
                 divEl.appendChild(pEl);
                 wrapperEl.appendChild(divEl);
-                subs.push({ element: wrapperEl,
+                subs.push({
+                    element: wrapperEl,
                     start: start + timeOffset,
-                    end: -1 /* Will be updated on a following iteration */ });
+                    end: -1 /* Will be updated on a following iteration */,
+                });
             }
         }
     }

package/dist/commonjs/parsers/texttracks/sami/native.d.ts

@@ -17,7 +17,7 @@
  * /!\ This file is feature-switchable.
  * It always should be imported through the `features` object.
  */
-import { ICompatVTTCue } from "../../../compat";
+import type { ICompatVTTCue } from "../../../compat/browser_compatibility_types";
 /**
  * Because sami is not really html... we have to use
  * some kind of regular expressions to parse it...

package/dist/commonjs/parsers/texttracks/sami/native.js

@@ -31,12 +31,9 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * /!\ This file is feature-switchable.
- * It always should be imported through the `features` object.
- */
-var compat_1 = require("../../../compat");
+var make_vtt_cue_1 = require("../../../compat/make_vtt_cue");
 var is_non_empty_string_1 = require("../../../utils/is_non_empty_string");
+var is_null_or_undefined_1 = require("../../../utils/is_null_or_undefined");
 var HTML_ENTITIES = /&#([0-9]+);/g;
 var BR = /<br>/gi;
 var STYLE = /<style[^>]*>([\s\S]*?)<\/style[^>]*>/i;
@@ -52,9 +49,9 @@ function createCuesFromArray(cuesArray) {
     var nativeCues = [];
     for (var i = 0; i < cuesArray.length; i++) {
         var _a = cuesArray[i], start = _a.start, end = _a.end, text = _a.text;
-        if ((0, is_non_empty_string_1.default)(text) && end != null) {
-            var cue = (0, compat_1.makeVTTCue)(start, end, text);
-            if (cue != null) {
+        if ((0, is_non_empty_string_1.default)(text) && !(0, is_null_or_undefined_1.default)(end)) {
+            var cue = (0, make_vtt_cue_1.default)(start, end, text);
+            if (cue !== null) {
                 nativeCues.push(cue);
             }
         }
@@ -73,7 +70,7 @@ function getClassNameByLang(str) {
     while (Array.isArray(m)) {
         var name_1 = m[1];
         var lang = getCSSProperty(m[2], "lang");
-        if (name_1 != null && lang != null) {
+        if (!(0, is_null_or_undefined_1.default)(name_1) && !(0, is_null_or_undefined_1.default)(lang)) {
             langs[lang] = name_1;
         }
         m = ruleRe.exec(str);
@@ -86,9 +83,8 @@ function getClassNameByLang(str) {
  * @returns {string|null} - value of the property. Null if not found.
  */
 function getCSSProperty(str, name) {
-    var matches = (new RegExp("\\s*" + name + ":\\s*(\\S+);", "i")).exec(str);
-    return Array.isArray(matches) ? matches[1] :
-        null;
+    var matches = new RegExp("\\s*" + name + ":\\s*(\\S+);", "i").exec(str);
+    return Array.isArray(matches) ? matches[1] : null;
 }
 /**
  * Decode HMTL formatting into a string.
@@ -113,12 +109,11 @@ function decodeEntities(text) {
  * @returns {Array.<VTTCue|TextTrackCue>}
  */
 function parseSami(smi, timeOffset, lang) {
-    var syncOpen = /<sync[ >]/ig;
-    var syncClose = /<sync[ >]|<\/body>/ig;
+    var syncOpen = /<sync[ >]/gi;
+    var syncClose = /<sync[ >]|<\/body>/gi;
     var subs = [];
     var styleMatches = STYLE.exec(smi);
-    var css = styleMatches !== null ? styleMatches[1] :
-        "";
+    var css = styleMatches !== null ? styleMatches[1] : "";
     var up;
     var to;
     // FIXME Is that wanted?
@@ -169,8 +164,7 @@ function parseSami(smi, timeOffset, lang) {
                 subs[subs.length - 1].end = start;
             }
             else {
-                subs.push({ text: decodeEntities(txt),
-                    start: start + timeOffset });
+                subs.push({ text: decodeEntities(txt), start: start + timeOffset });
             }
         }
     }

package/dist/commonjs/parsers/texttracks/srt/html.js

@@ -37,9 +37,9 @@ function parseSRTStringToHTML(srtStr, timeOffset) {
     var cues = [];
     for (var i = 0; i < cueBlocks.length; i++) {
         var cueObject = (0, parse_cue_1.default)(cueBlocks[i], timeOffset);
-        if (cueObject != null) {
+        if (cueObject !== null) {
             var htmlCue = toHTML(cueObject);
-            if (htmlCue != null) {
+            if (htmlCue !== null) {
                 cues.push(htmlCue);
             }
         }
@@ -48,8 +48,10 @@ function parseSRTStringToHTML(srtStr, timeOffset) {
 }
 exports.default = parseSRTStringToHTML;
 /**
- * @param {Array.<string>} cueLines
- * @param {Number} timeOffset
+ * @param {Object} cueObj
+ * @param {number} cueObj.start
+ * @param {number} cueObj.end
+ * @param {Array.<string>} cueObj.payload
  * @returns {Object|null}
  */
 function toHTML(cueObj) {
@@ -62,10 +64,11 @@ function toHTML(cueObj) {
     pEl.style.width = "100%";
     pEl.style.textAlign = "center";
     pEl.style.color = "#fff";
-    pEl.style.textShadow = "-1px -1px 2px #000," +
-        "1px -1px 2px #000," +
-        "-1px 1px 2px #000," +
-        "1px 1px 2px #000";
+    pEl.style.textShadow =
+        "-1px -1px 2px #000," +
+            "1px -1px 2px #000," +
+            "-1px 1px 2px #000," +
+            "1px 1px 2px #000";
     for (var i = 0; i < payload.length; i++) {
         if (i !== 0) {
             pEl.appendChild(document.createElement("br"));
@@ -102,8 +105,7 @@ function generateSpansFromSRTText(text) {
         for (var i = 0; i < childNodes.length; i++) {
             var currentNode = childNodes[i];
             if (currentNode.nodeName === "#text") {
-                var linifiedText = currentNode.wholeText
-                    .split("\n");
+                var linifiedText = currentNode.wholeText.split("\n");
                 for (var line = 0; line < linifiedText.length; line++) {
                     if (line !== 0) {
                         span.appendChild(document.createElement("br"));

package/dist/commonjs/parsers/texttracks/srt/native.d.ts

@@ -17,7 +17,7 @@
  * /!\ This file is feature-switchable.
  * It always should be imported through the `features` object.
  */
-import { ICompatVTTCue } from "../../../compat/index";
+import type { ICompatVTTCue } from "../../../compat/browser_compatibility_types";
 /**
  * Parse whole srt file into an array of cues, to be inserted in a video's
  * TrackElement.

package/dist/commonjs/parsers/texttracks/srt/native.js

@@ -15,13 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * /!\ This file is feature-switchable.
- * It always should be imported through the `features` object.
- */
-// srt to VTTCue parser, Done for fun.
-// Heavily inspired from the WebVTT implementation
-var index_1 = require("../../../compat/index");
+var make_vtt_cue_1 = require("../../../compat/make_vtt_cue");
 var get_cue_blocks_1 = require("./get_cue_blocks");
 var parse_cue_1 = require("./parse_cue");
 /**
@@ -56,5 +50,5 @@ exports.default = parseSRTStringToVTTCues;
 function toNativeCue(cueObj) {
     var start = cueObj.start, end = cueObj.end, payload = cueObj.payload;
     var text = payload.join("\n");
-    return (0, index_1.makeVTTCue)(start, end, text);
+    return (0, make_vtt_cue_1.default)(start, end, text);
 }

package/dist/commonjs/parsers/texttracks/srt/parse_cue.js

@@ -53,15 +53,12 @@ function parseCueBlock(cueLines, timeOffset) {
     // normally in srt, the timing is at second position.
     // We still authorize to put it in the first position for resilience
     if ((0, is_non_empty_string_1.default)(cueLines[1]) && cueLines[1].indexOf("-->") !== -1) {
-        _a = __read(cueLines[1].split("-->")
-            .map(function (s) { return s.trim(); }), 2), startTimeString = _a[0], endTimeString = _a[1];
+        _a = __read(cueLines[1].split("-->").map(function (s) { return s.trim(); }), 2), startTimeString = _a[0], endTimeString = _a[1];
         payload = cueLines.slice(2, cueLines.length);
     }
-    if (!(0, is_non_empty_string_1.default)(startTimeString) ||
-        !(0, is_non_empty_string_1.default)(endTimeString)) {
+    if (!(0, is_non_empty_string_1.default)(startTimeString) || !(0, is_non_empty_string_1.default)(endTimeString)) {
         // Try to see if we find them in the first position
-        _b = __read(cueLines[0].split("-->")
-            .map(function (s) { return s.trim(); }), 2), startTimeString = _b[0], endTimeString = _b[1];
+        _b = __read(cueLines[0].split("-->").map(function (s) { return s.trim(); }), 2), startTimeString = _b[0], endTimeString = _b[1];
         payload = cueLines.slice(1, cueLines.length);
     }
     if (!(0, is_non_empty_string_1.default)(startTimeString) || !(0, is_non_empty_string_1.default)(endTimeString)) {
@@ -73,7 +70,6 @@ function parseCueBlock(cueLines, timeOffset) {
     if (start === undefined || end === undefined) {
         return null;
     }
-    return { start: start + timeOffset,
-        end: end + timeOffset, payload: payload };
+    return { start: start + timeOffset, end: end + timeOffset, payload: payload };
 }
 exports.default = parseCueBlock;

package/dist/commonjs/parsers/texttracks/ttml/get_parameters.js

@@ -31,8 +31,10 @@ function getParameters(tt) {
     var parsedFrameRateMultiplier = tt.getAttribute("ttp:frameRateMultiplier");
     var parsedSpaceStyle = tt.getAttribute("xml:space");
     var parsedCellResolution = tt.getAttribute("ttp:cellResolution");
-    var cellResolution = { columns: 32,
-        rows: 15 };
+    var cellResolution = {
+        columns: 32,
+        rows: 15,
+    };
     if (parsedCellResolution !== null) {
         var extractedData = CELL_RESOLUTION_REGEXP.exec(parsedCellResolution);
         if (extractedData === null || extractedData.length < 3) {
@@ -67,12 +69,9 @@ function getParameters(tt) {
         nbTickRate = undefined;
     }
     var frameRate = nbFrameRate;
-    var subFrameRate = nbSubFrameRate != null ? nbSubFrameRate :
-        1;
-    var spaceStyle = parsedSpaceStyle !== null ? parsedSpaceStyle :
-        "default";
-    var tickRate = nbTickRate !== undefined ? nbTickRate :
-        nbFrameRate * nbSubFrameRate;
+    var subFrameRate = nbSubFrameRate !== null && nbSubFrameRate !== void 0 ? nbSubFrameRate : 1;
+    var spaceStyle = parsedSpaceStyle !== null && parsedSpaceStyle !== void 0 ? parsedSpaceStyle : "default";
+    var tickRate = nbTickRate !== null && nbTickRate !== void 0 ? nbTickRate : nbFrameRate * nbSubFrameRate;
     if (parsedFrameRateMultiplier !== null) {
         var multiplierResults = /^(\d+) (\d+)$/g.exec(parsedFrameRateMultiplier);
         if (multiplierResults !== null) {

package/dist/commonjs/parsers/texttracks/ttml/get_time_delimiters.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ITTParameters } from "./get_parameters";
+import type { ITTParameters } from "./get_parameters";
 /**
  * Get start and end time of an element.
  * @param {Element} element

package/dist/commonjs/parsers/texttracks/ttml/get_time_delimiters.js

@@ -16,6 +16,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var is_non_empty_string_1 = require("../../../utils/is_non_empty_string");
+var is_null_or_undefined_1 = require("../../../utils/is_null_or_undefined");
 var time_parsing_1 = require("./time_parsing");
 /**
  * Get start and end time of an element.
@@ -27,18 +28,16 @@ function getTimeDelimiters(element, ttParams) {
     var beginAttr = element.getAttribute("begin");
     var durationAttr = element.getAttribute("dur");
     var endAttr = element.getAttribute("end");
-    var start = (0, is_non_empty_string_1.default)(beginAttr) ? (0, time_parsing_1.default)(beginAttr, ttParams) :
-        null;
-    var duration = (0, is_non_empty_string_1.default)(durationAttr) ? (0, time_parsing_1.default)(durationAttr, ttParams) :
-        null;
-    var parsedEnd = (0, is_non_empty_string_1.default)(endAttr) ? (0, time_parsing_1.default)(endAttr, ttParams) :
-        null;
-    if (start == null || (parsedEnd == null && duration == null)) {
+    var start = (0, is_non_empty_string_1.default)(beginAttr) ? (0, time_parsing_1.default)(beginAttr, ttParams) : null;
+    var duration = (0, is_non_empty_string_1.default)(durationAttr)
+        ? (0, time_parsing_1.default)(durationAttr, ttParams)
+        : null;
+    var parsedEnd = (0, is_non_empty_string_1.default)(endAttr) ? (0, time_parsing_1.default)(endAttr, ttParams) : null;
+    if ((0, is_null_or_undefined_1.default)(start) ||
+        ((0, is_null_or_undefined_1.default)(parsedEnd) && (0, is_null_or_undefined_1.default)(duration))) {
         throw new Error("Invalid text cue");
     }
-    // Huh? Is TypeScript that dumb here?
-    var end = parsedEnd == null ? start + duration :
-        parsedEnd;
+    var end = (0, is_null_or_undefined_1.default)(parsedEnd) ? start + duration : parsedEnd;
     return { start: start, end: end };
 }
 exports.default = getTimeDelimiters;

package/dist/commonjs/parsers/texttracks/ttml/html/apply_default_ttml_paragraph_style.js

@@ -26,12 +26,12 @@ exports.applyDefaultTTMLStyle = exports.shouldApplyDefaultTTMLStyle = void 0;
  * @returns {boolean}
  */
 function shouldApplyDefaultTTMLStyle(paragraphStyle) {
-    return paragraphStyle.extent === undefined &&
+    return (paragraphStyle.extent === undefined &&
         paragraphStyle.origin === undefined &&
         paragraphStyle.displayAlign === undefined &&
         paragraphStyle.display === undefined &&
         paragraphStyle.textAlign === undefined &&
-        paragraphStyle.fontSize === undefined;
+        paragraphStyle.fontSize === undefined);
 }
 exports.shouldApplyDefaultTTMLStyle = shouldApplyDefaultTTMLStyle;
 /**

package/dist/commonjs/parsers/texttracks/ttml/html/apply_extent.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var compat_1 = require("../../../../compat");
+var add_class_name_1 = require("../../../../compat/add_class_name");
 var log_1 = require("../../../../log");
 var regexps_1 = require("../regexps");
 /**
@@ -35,25 +35,21 @@ function applyExtent(element, extent) {
     var firstExtent = regexps_1.REGXP_LENGTH.exec(splittedExtent[0]);
     var secondExtent = regexps_1.REGXP_LENGTH.exec(splittedExtent[1]);
     if (firstExtent !== null && secondExtent !== null) {
-        if (firstExtent[2] === "px" ||
-            firstExtent[2] === "%" ||
-            firstExtent[2] === "em") {
+        if (firstExtent[2] === "px" || firstExtent[2] === "%" || firstExtent[2] === "em") {
             element.style.width = firstExtent[1] + firstExtent[2];
         }
         else if (firstExtent[2] === "c") {
-            (0, compat_1.addClassName)(element, "proportional-style");
+            (0, add_class_name_1.default)(element, "proportional-style");
             element.setAttribute("data-proportional-width", firstExtent[1]);
         }
         else {
             log_1.default.warn("TTML Parser: unhandled extent unit:", firstExtent[2]);
         }
-        if (secondExtent[2] === "px" ||
-            secondExtent[2] === "%" ||
-            secondExtent[2] === "em") {
+        if (secondExtent[2] === "px" || secondExtent[2] === "%" || secondExtent[2] === "em") {
             element.style.height = secondExtent[1] + secondExtent[2];
         }
         else if (secondExtent[2] === "c") {
-            (0, compat_1.addClassName)(element, "proportional-style");
+            (0, add_class_name_1.default)(element, "proportional-style");
             element.setAttribute("data-proportional-height", secondExtent[1]);
         }
         else {

package/dist/commonjs/parsers/texttracks/ttml/html/apply_font_size.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var compat_1 = require("../../../../compat");
+var add_class_name_1 = require("../../../../compat/add_class_name");
 var log_1 = require("../../../../log");
 var regexps_1 = require("../regexps");
 /**
@@ -33,25 +33,24 @@ function applyFontSize(element, fontSize) {
     if (firstFontSize === null) {
         return;
     }
-    if (firstFontSize[2] === "px" ||
-        firstFontSize[2] === "em") {
+    if (firstFontSize[2] === "px" || firstFontSize[2] === "em") {
         element.style.fontSize = firstFontSize[1] + firstFontSize[2];
     }
     else if (firstFontSize[2] === "c") {
         element.style.position = "relative";
-        (0, compat_1.addClassName)(element, "proportional-style");
+        (0, add_class_name_1.default)(element, "proportional-style");
         element.setAttribute("data-proportional-font-size", firstFontSize[1]);
     }
     else if (firstFontSize[2] === "%") {
         var toNum = Number(firstFontSize[1]);
         if (isNaN(toNum)) {
-            log_1.default.warn("TTML Parser: could not parse fontSize value \"" +
+            log_1.default.warn('TTML Parser: could not parse fontSize value "' +
                 firstFontSize[1] +
-                "\" into a number");
+                '" into a number');
         }
         else {
             element.style.position = "relative";
-            (0, compat_1.addClassName)(element, "proportional-style");
+            (0, add_class_name_1.default)(element, "proportional-style");
             element.setAttribute("data-proportional-font-size", String(toNum / 100));
         }
     }

package/dist/commonjs/parsers/texttracks/ttml/html/apply_line_height.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var compat_1 = require("../../../../compat");
+var add_class_name_1 = require("../../../../compat/add_class_name");
 var log_1 = require("../../../../log");
 var regexps_1 = require("../regexps");
 /**
@@ -38,7 +38,7 @@ function applyLineHeight(element, lineHeight) {
         element.style.lineHeight = firstLineHeight[1] + firstLineHeight[2];
     }
     else if (firstLineHeight[2] === "c") {
-        (0, compat_1.addClassName)(element, "proportional-style");
+        (0, add_class_name_1.default)(element, "proportional-style");
         element.setAttribute("data-proportional-line-height", firstLineHeight[1]);
     }
     else {

package/dist/commonjs/parsers/texttracks/ttml/html/apply_origin.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-var compat_1 = require("../../../../compat");
+var add_class_name_1 = require("../../../../compat/add_class_name");
 var log_1 = require("../../../../log");
 var regexps_1 = require("../regexps");
 /**
@@ -34,25 +34,21 @@ function applyOrigin(element, origin) {
     var firstOrigin = regexps_1.REGXP_LENGTH.exec(splittedOrigin[0]);
     var secondOrigin = regexps_1.REGXP_LENGTH.exec(splittedOrigin[1]);
     if (firstOrigin !== null && secondOrigin !== null) {
-        if (firstOrigin[2] === "px" ||
-            firstOrigin[2] === "%" ||
-            firstOrigin[2] === "em") {
+        if (firstOrigin[2] === "px" || firstOrigin[2] === "%" || firstOrigin[2] === "em") {
             element.style.left = firstOrigin[1] + firstOrigin[2];
         }
         else if (firstOrigin[2] === "c") {
-            (0, compat_1.addClassName)(element, "proportional-style");
+            (0, add_class_name_1.default)(element, "proportional-style");
             element.setAttribute("data-proportional-left", firstOrigin[1]);
         }
         else {
             log_1.default.warn("TTML Parser: unhandled origin unit:", firstOrigin[2]);
         }
-        if (secondOrigin[2] === "px" ||
-            secondOrigin[2] === "%" ||
-            secondOrigin[2] === "em") {
+        if (secondOrigin[2] === "px" || secondOrigin[2] === "%" || secondOrigin[2] === "em") {
             element.style.top = secondOrigin[1] + secondOrigin[2];
         }
         else if (secondOrigin[2] === "c") {
-            (0, compat_1.addClassName)(element, "proportional-style");
+            (0, add_class_name_1.default)(element, "proportional-style");
             element.setAttribute("data-proportional-top", secondOrigin[1]);
         }
         else {