rx-player 4.0.0-dev.2023092900 → 4.0.0-dev.2023102700

package/dist/_esm5.processed/parsers/texttracks/ttml/html/apply_padding.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Copyright 2015 CANAL+ Group
  *
@@ -13,27 +14,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { addClassName } from "../../../../compat";
-import log from "../../../../log";
-import { REGXP_LENGTH } from "../regexps";
+Object.defineProperty(exports, "__esModule", { value: true });
+const compat_1 = require("../../../../compat");
+const log_1 = require("../../../../log");
+const regexps_1 = require("../regexps");
 /**
  * @param {HTMLElement} element
  * @param {string} padding
  */
-export default function applyPadding(element, padding) {
-    var trimmedPadding = padding.trim();
-    var splittedPadding = trimmedPadding.split(" ");
+function applyPadding(element, padding) {
+    const trimmedPadding = padding.trim();
+    const splittedPadding = trimmedPadding.split(" ");
     if (splittedPadding.length < 1) {
         return;
     }
-    var firstPadding = REGXP_LENGTH.exec(splittedPadding[0]);
+    const firstPadding = regexps_1.REGXP_LENGTH.exec(splittedPadding[0]);
     if (firstPadding === null) {
         return;
     }
     if (firstPadding[2] === "px" ||
         firstPadding[2] === "%" ||
         firstPadding[2] === "em") {
-        var firstPaddingValue = firstPadding[1] + firstPadding[2];
+        const firstPaddingValue = firstPadding[1] + firstPadding[2];
         if (splittedPadding.length === 1) {
             element.style.padding = firstPaddingValue;
         }
@@ -46,7 +48,7 @@ export default function applyPadding(element, padding) {
         }
     }
     else if (firstPadding[2] === "c") {
-        addClassName(element, "proportional-style");
+        (0, compat_1.addClassName)(element, "proportional-style");
         if (splittedPadding.length === 1) {
             element.setAttribute("data-proportional-padding-top", firstPadding[1]);
             element.setAttribute("data-proportional-padding-bottom", firstPadding[1]);
@@ -62,19 +64,19 @@ export default function applyPadding(element, padding) {
         }
     }
     else {
-        log.warn("TTML Parser: unhandled padding unit:", firstPadding[2]);
+        log_1.default.warn("TTML Parser: unhandled padding unit:", firstPadding[2]);
     }
     if (splittedPadding.length === 1) {
         return;
     }
-    var secondPadding = REGXP_LENGTH.exec(splittedPadding[1]);
+    const secondPadding = regexps_1.REGXP_LENGTH.exec(splittedPadding[1]);
     if (secondPadding === null) {
         return;
     }
     if (secondPadding[2] === "px" ||
         secondPadding[2] === "%" ||
         secondPadding[2] === "em") {
-        var secondPaddingValue = secondPadding[1] + secondPadding[2];
+        const secondPaddingValue = secondPadding[1] + secondPadding[2];
         if (splittedPadding.length < 4) {
             element.style.paddingLeft = secondPaddingValue;
             element.style.paddingRight = secondPaddingValue;
@@ -84,7 +86,7 @@ export default function applyPadding(element, padding) {
         }
     }
     else if (secondPadding[2] === "c") {
-        addClassName(element, "proportional-style");
+        (0, compat_1.addClassName)(element, "proportional-style");
         if (splittedPadding.length < 4) {
             element.setAttribute("data-proportional-padding-left", secondPadding[1]);
             element.setAttribute("data-proportional-padding-right", secondPadding[1]);
@@ -94,46 +96,47 @@ export default function applyPadding(element, padding) {
         }
     }
     else {
-        log.warn("TTML Parser: unhandled padding unit:", secondPadding[2]);
+        log_1.default.warn("TTML Parser: unhandled padding unit:", secondPadding[2]);
     }
     if (splittedPadding.length === 2) {
         return;
     }
-    var thirdPadding = REGXP_LENGTH.exec(splittedPadding[2]);
+    const thirdPadding = regexps_1.REGXP_LENGTH.exec(splittedPadding[2]);
     if (thirdPadding === null) {
         return;
     }
     if (thirdPadding[2] === "px" ||
         thirdPadding[2] === "%" ||
         thirdPadding[2] === "em") {
-        var thirdPaddingValue = thirdPadding[1] + thirdPadding[2];
+        const thirdPaddingValue = thirdPadding[1] + thirdPadding[2];
         element.style.paddingBottom = thirdPaddingValue;
     }
     else if (thirdPadding[2] === "c") {
-        addClassName(element, "proportional-style");
+        (0, compat_1.addClassName)(element, "proportional-style");
         element.setAttribute("data-proportional-padding-bottom", thirdPadding[1]);
     }
     else {
-        log.warn("TTML Parser: unhandled padding unit:", thirdPadding[2]);
+        log_1.default.warn("TTML Parser: unhandled padding unit:", thirdPadding[2]);
     }
     if (splittedPadding.length === 3) {
         return;
     }
-    var fourthPadding = REGXP_LENGTH.exec(splittedPadding[3]);
+    const fourthPadding = regexps_1.REGXP_LENGTH.exec(splittedPadding[3]);
     if (fourthPadding === null) {
         return;
     }
     if (fourthPadding[2] === "px" ||
         fourthPadding[2] === "%" ||
         fourthPadding[2] === "em") {
-        var fourthPaddingValue = fourthPadding[1] + fourthPadding[2];
+        const fourthPaddingValue = fourthPadding[1] + fourthPadding[2];
         element.style.paddingLeft = fourthPaddingValue;
     }
     else if (fourthPadding[2] === "c") {
-        addClassName(element, "proportional-style");
+        (0, compat_1.addClassName)(element, "proportional-style");
         element.setAttribute("data-proportional-padding-left", fourthPadding[1]);
     }
     else {
-        log.warn("TTML Parser: unhandled padding unit:", fourthPadding[2]);
+        log_1.default.warn("TTML Parser: unhandled padding unit:", fourthPadding[2]);
     }
 }
+exports.default = applyPadding;

package/dist/_esm5.processed/parsers/texttracks/ttml/html/create_element.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Copyright 2015 CANAL+ Group
  *
@@ -13,30 +14,22 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { addClassName } from "../../../../compat";
-import isNonEmptyString from "../../../../utils/is_non_empty_string";
-import objectAssign from "../../../../utils/object_assign";
-import { getStylingAttributes, } from "../get_styling";
-import { getParentDivElements, isLineBreakElement, isSpanElement, } from "../xml_utils";
-import applyExtent from "./apply_extent";
-import applyFontSize from "./apply_font_size";
-import applyLineHeight from "./apply_line_height";
-import applyOrigin from "./apply_origin";
-import applyPadding from "./apply_padding";
-import generateCSSTextOutline from "./generate_css_test_outline";
-import ttmlColorToCSSColor from "./ttml_color_to_css_color";
+Object.defineProperty(exports, "__esModule", { value: true });
+const compat_1 = require("../../../../compat");
+const is_non_empty_string_1 = require("../../../../utils/is_non_empty_string");
+const object_assign_1 = require("../../../../utils/object_assign");
+const get_styling_1 = require("../get_styling");
+const xml_utils_1 = require("../xml_utils");
+const apply_extent_1 = require("./apply_extent");
+const apply_font_size_1 = require("./apply_font_size");
+const apply_line_height_1 = require("./apply_line_height");
+const apply_origin_1 = require("./apply_origin");
+const apply_padding_1 = require("./apply_padding");
+const generate_css_test_outline_1 = require("./generate_css_test_outline");
+const ttml_color_to_css_color_1 = require("./ttml_color_to_css_color");
 // Styling which can be applied to <span> from any level upper.
 // Added here as an optimization
-var SPAN_LEVEL_ATTRIBUTES = ["color",
+const SPAN_LEVEL_ATTRIBUTES = ["color",
     "direction",
     "display",
     "fontFamily",
@@ -58,53 +51,53 @@ var SPAN_LEVEL_ATTRIBUTES = ["color",
  */
 function applyTextStyle(element, style, shouldTrimWhiteSpace) {
     // applies to span
-    var color = style.color;
-    if (isNonEmptyString(color)) {
-        element.style.color = ttmlColorToCSSColor(color);
+    const color = style.color;
+    if ((0, is_non_empty_string_1.default)(color)) {
+        element.style.color = (0, ttml_color_to_css_color_1.default)(color);
     }
     // applies to body, div, p, region, span
-    var backgroundColor = style.backgroundColor;
-    if (isNonEmptyString(backgroundColor)) {
-        element.style.backgroundColor = ttmlColorToCSSColor(backgroundColor);
+    const backgroundColor = style.backgroundColor;
+    if ((0, is_non_empty_string_1.default)(backgroundColor)) {
+        element.style.backgroundColor = (0, ttml_color_to_css_color_1.default)(backgroundColor);
     }
     // applies to span
-    var textOutline = style.textOutline;
-    if (isNonEmptyString(textOutline)) {
-        var outlineData = textOutline
+    const textOutline = style.textOutline;
+    if ((0, is_non_empty_string_1.default)(textOutline)) {
+        const outlineData = textOutline
             .trim()
             .replace(/\s+/g, " ")
             .split(" ");
-        var len = outlineData.length;
+        const len = outlineData.length;
         if (len === 3) {
-            var outlineColor = ttmlColorToCSSColor(outlineData[0]);
-            var thickness = outlineData[1];
+            const outlineColor = (0, ttml_color_to_css_color_1.default)(outlineData[0]);
+            const thickness = outlineData[1];
             element.style.textShadow =
-                generateCSSTextOutline(outlineColor, thickness);
+                (0, generate_css_test_outline_1.default)(outlineColor, thickness);
         }
-        else if (isNonEmptyString(color) && len === 1) {
-            var thickness = outlineData[0];
-            element.style.textShadow = generateCSSTextOutline(color, thickness);
+        else if ((0, is_non_empty_string_1.default)(color) && len === 1) {
+            const thickness = outlineData[0];
+            element.style.textShadow = (0, generate_css_test_outline_1.default)(color, thickness);
         }
         else if (len === 2) {
-            var isFirstArgAColor = /^[#A-Z]/i.test(outlineData[0]);
-            var isFirstArgANumber = /^[0-9]/.test(outlineData[0]);
+            const isFirstArgAColor = /^[#A-Z]/i.test(outlineData[0]);
+            const isFirstArgANumber = /^[0-9]/.test(outlineData[0]);
             // XOR-ing to be sure we get what we have
             if (isFirstArgAColor !== isFirstArgANumber) {
                 if (isFirstArgAColor) {
-                    var outlineColor = ttmlColorToCSSColor(outlineData[0]);
-                    var thickness = outlineData[1];
-                    element.style.textShadow = generateCSSTextOutline(outlineColor, thickness);
+                    const outlineColor = (0, ttml_color_to_css_color_1.default)(outlineData[0]);
+                    const thickness = outlineData[1];
+                    element.style.textShadow = (0, generate_css_test_outline_1.default)(outlineColor, thickness);
                 }
-                else if (isNonEmptyString(color)) {
-                    var thickness = outlineData[0];
-                    element.style.textShadow = generateCSSTextOutline(color, thickness);
+                else if ((0, is_non_empty_string_1.default)(color)) {
+                    const thickness = outlineData[0];
+                    element.style.textShadow = (0, generate_css_test_outline_1.default)(color, thickness);
                 }
             }
         }
     }
     // applies to span
-    var textDecoration = style.textDecoration;
-    if (isNonEmptyString(textDecoration)) {
+    const textDecoration = style.textDecoration;
+    if ((0, is_non_empty_string_1.default)(textDecoration)) {
         switch (textDecoration) {
             case "noUnderline":
             case "noLineThrough":
@@ -120,8 +113,8 @@ function applyTextStyle(element, style, shouldTrimWhiteSpace) {
         }
     }
     // applies to span
-    var fontFamily = style.fontFamily;
-    if (isNonEmptyString(fontFamily)) {
+    const fontFamily = style.fontFamily;
+    if ((0, is_non_empty_string_1.default)(fontFamily)) {
         switch (fontFamily) {
             case "proportionalSansSerif":
                 element.style.fontFamily =
@@ -145,32 +138,32 @@ function applyTextStyle(element, style, shouldTrimWhiteSpace) {
         }
     }
     // applies to span
-    var fontStyle = style.fontStyle;
-    if (isNonEmptyString(fontStyle)) {
+    const fontStyle = style.fontStyle;
+    if ((0, is_non_empty_string_1.default)(fontStyle)) {
         element.style.fontStyle = fontStyle;
     }
     // applies to span
-    var fontWeight = style.fontWeight;
-    if (isNonEmptyString(fontWeight)) {
+    const fontWeight = style.fontWeight;
+    if ((0, is_non_empty_string_1.default)(fontWeight)) {
         element.style.fontWeight = fontWeight;
     }
     // applies to span
-    var fontSize = style.fontSize;
-    if (isNonEmptyString(fontSize)) {
-        applyFontSize(element, fontSize);
+    const fontSize = style.fontSize;
+    if ((0, is_non_empty_string_1.default)(fontSize)) {
+        (0, apply_font_size_1.default)(element, fontSize);
     }
     else {
-        addClassName(element, "proportional-style");
+        (0, compat_1.addClassName)(element, "proportional-style");
         element.setAttribute("data-proportional-font-size", "1");
     }
     // applies to p, span
-    var direction = style.direction;
-    if (isNonEmptyString(direction)) {
+    const direction = style.direction;
+    if ((0, is_non_empty_string_1.default)(direction)) {
         element.style.direction = direction;
     }
     // applies to p, span
-    var unicodeBidi = style.unicodeBidi;
-    if (isNonEmptyString(unicodeBidi)) {
+    const unicodeBidi = style.unicodeBidi;
+    if ((0, is_non_empty_string_1.default)(unicodeBidi)) {
         switch (unicodeBidi) {
             case "bidiOverride":
                 element.style.unicodeBidi = "bidi-override";
@@ -183,17 +176,17 @@ function applyTextStyle(element, style, shouldTrimWhiteSpace) {
         }
     }
     // applies to body, div, p, region, span
-    var visibility = style.visibility;
-    if (isNonEmptyString(visibility)) {
+    const visibility = style.visibility;
+    if ((0, is_non_empty_string_1.default)(visibility)) {
         element.style.visibility = visibility;
     }
     // applies to body, div, p, region, span
-    var display = style.display;
+    const display = style.display;
     if (display === "none") {
         element.style.display = "none";
     }
     // applies to body, div, p, region, span
-    var wrapOption = style.wrapOption;
+    const wrapOption = style.wrapOption;
     element.style.whiteSpace = wrapOption === "noWrap" ?
         (shouldTrimWhiteSpace ? "nowrap" : "pre") :
         (shouldTrimWhiteSpace ? "normal" : "pre-wrap");
@@ -208,32 +201,32 @@ function applyGeneralStyle(element, style) {
     element.style.color = "white";
     element.style.position = "absolute";
     // applies to tt, region
-    var extent = style.extent;
-    if (isNonEmptyString(extent)) {
-        applyExtent(element, extent);
+    const extent = style.extent;
+    if ((0, is_non_empty_string_1.default)(extent)) {
+        (0, apply_extent_1.default)(element, extent);
     }
     // applies to region
-    var writingMode = style.writingMode;
-    if (isNonEmptyString(writingMode)) {
+    const writingMode = style.writingMode;
+    if ((0, is_non_empty_string_1.default)(writingMode)) {
         // TODO
     }
     // applies to region
-    var overflow = style.overflow;
-    element.style.overflow = isNonEmptyString(overflow) ? overflow :
+    const overflow = style.overflow;
+    element.style.overflow = (0, is_non_empty_string_1.default)(overflow) ? overflow :
         "hidden";
     // applies to region
-    var padding = style.padding;
-    if (isNonEmptyString(padding)) {
-        applyPadding(element, padding);
+    const padding = style.padding;
+    if ((0, is_non_empty_string_1.default)(padding)) {
+        (0, apply_padding_1.default)(element, padding);
     }
     // applies to region
-    var origin = style.origin;
-    if (isNonEmptyString(origin)) {
-        applyOrigin(element, origin);
+    const origin = style.origin;
+    if ((0, is_non_empty_string_1.default)(origin)) {
+        (0, apply_origin_1.default)(element, origin);
     }
     // applies to region
-    var displayAlign = style.displayAlign;
-    if (isNonEmptyString(displayAlign)) {
+    const displayAlign = style.displayAlign;
+    if ((0, is_non_empty_string_1.default)(displayAlign)) {
         element.style.display = "flex";
         element.style.flexDirection = "column";
         switch (displayAlign) {
@@ -249,17 +242,17 @@ function applyGeneralStyle(element, style) {
         }
     }
     // applies to region
-    var opacity = style.opacity;
-    if (isNonEmptyString(opacity)) {
+    const opacity = style.opacity;
+    if ((0, is_non_empty_string_1.default)(opacity)) {
         element.style.opacity = opacity;
     }
     // applies to body, div, p, region, span
-    var visibility = style.visibility;
-    if (isNonEmptyString(visibility)) {
+    const visibility = style.visibility;
+    if ((0, is_non_empty_string_1.default)(visibility)) {
         element.style.visibility = visibility;
     }
     // applies to body, div, p, region, span
-    var display = style.display;
+    const display = style.display;
     if (display === "none") {
         element.style.display = "none";
     }
@@ -276,21 +269,21 @@ function applyPStyle(element, style) {
     // Doing this on the parent <p> elements seems to fix some CSS issues we had
     // with too large inner line breaks spacing when the text track element was
     // too small, for some reasons.
-    addClassName(element, "proportional-style");
+    (0, compat_1.addClassName)(element, "proportional-style");
     element.setAttribute("data-proportional-font-size", "1");
     // applies to body, div, p, region, span
-    var paragraphBackgroundColor = style.backgroundColor;
-    if (isNonEmptyString(paragraphBackgroundColor)) {
-        element.style.backgroundColor = ttmlColorToCSSColor(paragraphBackgroundColor);
+    const paragraphBackgroundColor = style.backgroundColor;
+    if ((0, is_non_empty_string_1.default)(paragraphBackgroundColor)) {
+        element.style.backgroundColor = (0, ttml_color_to_css_color_1.default)(paragraphBackgroundColor);
     }
     // applies to p
-    var lineHeight = style.lineHeight;
-    if (isNonEmptyString(lineHeight)) {
-        applyLineHeight(element, lineHeight);
+    const lineHeight = style.lineHeight;
+    if ((0, is_non_empty_string_1.default)(lineHeight)) {
+        (0, apply_line_height_1.default)(element, lineHeight);
     }
     // applies to p
-    var textAlign = style.textAlign;
-    if (isNonEmptyString(textAlign)) {
+    const textAlign = style.textAlign;
+    if ((0, is_non_empty_string_1.default)(textAlign)) {
         switch (textAlign) {
             case "center":
                 element.style.textAlign = "center";
@@ -320,17 +313,17 @@ function applyPStyle(element, style) {
  * @returns {HTMLElement}
  */
 function createTextElement(el, style, shouldTrimWhiteSpace) {
-    var textElement = document.createElement("span");
-    var textContent = el.textContent === null ? "" :
+    const textElement = document.createElement("span");
+    let textContent = el.textContent === null ? "" :
         el.textContent;
     if (shouldTrimWhiteSpace) {
         // 1. Trim leading and trailing whitespace.
         // 2. Collapse multiple spaces into one.
-        var trimmed = textContent.trim();
+        let trimmed = textContent.trim();
         trimmed = trimmed.replace(/\s+/g, " ");
         textContent = trimmed;
     }
-    var textNode = document.createTextNode(textContent);
+    const textNode = document.createTextNode(textContent);
     textElement.appendChild(textNode);
     textElement.className = "rxp-texttrack-span";
     applyTextStyle(textElement, style, shouldTrimWhiteSpace);
@@ -358,39 +351,39 @@ function generateTextContent(paragraph, regions, styles, paragraphStyle, shouldT
      * @returns {Array.<HTMLElement>}
      */
     function loop(node, style, spans, shouldTrimWhiteSpaceFromParent) {
-        var childNodes = node.childNodes;
-        var elements = [];
-        for (var i = 0; i < childNodes.length; i++) {
-            var currentNode = childNodes[i];
+        const childNodes = node.childNodes;
+        const elements = [];
+        for (let i = 0; i < childNodes.length; i++) {
+            const currentNode = childNodes[i];
             if (currentNode.nodeName === "#text") {
-                var backgroundColor = getStylingAttributes(["backgroundColor"], spans, styles, regions).backgroundColor;
-                if (isNonEmptyString(backgroundColor)) {
+                const { backgroundColor } = (0, get_styling_1.getStylingAttributes)(["backgroundColor"], spans, styles, regions);
+                if ((0, is_non_empty_string_1.default)(backgroundColor)) {
                     style.backgroundColor = backgroundColor;
                 }
                 else {
                     delete style.backgroundColor;
                 }
-                var el = createTextElement(currentNode, style, shouldTrimWhiteSpaceFromParent);
+                const el = createTextElement(currentNode, style, shouldTrimWhiteSpaceFromParent);
                 elements.push(el);
             }
-            else if (isLineBreakElement(currentNode)) {
-                var br = document.createElement("BR");
+            else if ((0, xml_utils_1.isLineBreakElement)(currentNode)) {
+                const br = document.createElement("BR");
                 elements.push(br);
             }
-            else if (isSpanElement(currentNode) &&
+            else if ((0, xml_utils_1.isSpanElement)(currentNode) &&
                 currentNode.nodeType === Node.ELEMENT_NODE &&
                 currentNode.childNodes.length > 0) {
-                var spaceAttribute = currentNode.getAttribute("xml:space");
-                var shouldTrimWhiteSpaceOnSpan = isNonEmptyString(spaceAttribute) ? spaceAttribute === "default" :
+                const spaceAttribute = currentNode.getAttribute("xml:space");
+                const shouldTrimWhiteSpaceOnSpan = (0, is_non_empty_string_1.default)(spaceAttribute) ? spaceAttribute === "default" :
                     shouldTrimWhiteSpaceFromParent;
                 // compute the new applyable style
-                var newStyle = objectAssign({}, style, getStylingAttributes(SPAN_LEVEL_ATTRIBUTES, [currentNode], styles, regions));
-                elements.push.apply(elements, loop(currentNode, newStyle, __spreadArray([currentNode], spans, true), shouldTrimWhiteSpaceOnSpan));
+                const newStyle = (0, object_assign_1.default)({}, style, (0, get_styling_1.getStylingAttributes)(SPAN_LEVEL_ATTRIBUTES, [currentNode], styles, regions));
+                elements.push(...loop(currentNode, newStyle, [currentNode, ...spans], shouldTrimWhiteSpaceOnSpan));
             }
         }
         return elements;
     }
-    return loop(paragraph, objectAssign({}, paragraphStyle), [], shouldTrimWhiteSpace);
+    return loop(paragraph, (0, object_assign_1.default)({}, paragraphStyle), [], shouldTrimWhiteSpace);
 }
 /**
  * @param {Element} paragraph
@@ -401,26 +394,25 @@ function generateTextContent(paragraph, regions, styles, paragraphStyle, shouldT
  * @param {Object}
  * @returns {HTMLElement}
  */
-export default function createElement(paragraph, body, regions, styles, paragraphStyle, _a) {
-    var cellResolution = _a.cellResolution, shouldTrimWhiteSpace = _a.shouldTrimWhiteSpace;
-    var divs = getParentDivElements(paragraph);
-    var parentElement = document.createElement("DIV");
+function createElement(paragraph, body, regions, styles, paragraphStyle, { cellResolution, shouldTrimWhiteSpace }) {
+    const divs = (0, xml_utils_1.getParentDivElements)(paragraph);
+    const parentElement = document.createElement("DIV");
     parentElement.className = "rxp-texttrack-region";
     parentElement.setAttribute("data-resolution-columns", String(cellResolution.columns));
     parentElement.setAttribute("data-resolution-rows", String(cellResolution.rows));
     applyGeneralStyle(parentElement, paragraphStyle);
     if (body !== null) {
         // applies to body, div, p, region, span
-        var bodyBackgroundColor = getStylingAttributes(["backgroundColor"], __spreadArray(__spreadArray([], divs, true), [body], false), styles, regions).bodyBackgroundColor;
-        if (isNonEmptyString(bodyBackgroundColor)) {
-            parentElement.style.backgroundColor = ttmlColorToCSSColor(bodyBackgroundColor);
+        const { bodyBackgroundColor } = (0, get_styling_1.getStylingAttributes)(["backgroundColor"], [...divs, body], styles, regions);
+        if ((0, is_non_empty_string_1.default)(bodyBackgroundColor)) {
+            parentElement.style.backgroundColor = (0, ttml_color_to_css_color_1.default)(bodyBackgroundColor);
         }
     }
-    var pElement = document.createElement("p");
+    const pElement = document.createElement("p");
     pElement.className = "rxp-texttrack-p";
     applyPStyle(pElement, paragraphStyle);
-    var textContent = generateTextContent(paragraph, regions, styles, paragraphStyle, shouldTrimWhiteSpace);
-    for (var i = 0; i < textContent.length; i++) {
+    const textContent = generateTextContent(paragraph, regions, styles, paragraphStyle, shouldTrimWhiteSpace);
+    for (let i = 0; i < textContent.length; i++) {
         pElement.appendChild(textContent[i]);
     }
     // NOTE:
@@ -449,3 +441,4 @@ export default function createElement(paragraph, body, regions, styles, paragrap
     parentElement.appendChild(pElement);
     return parentElement;
 }
+exports.default = createElement;

package/dist/_esm5.processed/parsers/texttracks/ttml/html/generate_css_test_outline.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Copyright 2015 CANAL+ Group
  *
@@ -13,7 +14,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import isNonEmptyString from "../../../../utils/is_non_empty_string";
+Object.defineProperty(exports, "__esModule", { value: true });
+const is_non_empty_string_1 = require("../../../../utils/is_non_empty_string");
 /**
  * Try to replicate the textOutline TTML style property into CSS.
  *
@@ -24,9 +26,9 @@ import isNonEmptyString from "../../../../utils/is_non_empty_string";
  * @param {string|number} thickness
  * @returns {string}
  */
-export default function generateCSSTextOutline(color, thickness) {
-    var thick = thickness;
-    if (isNonEmptyString(thickness) && thickness.trim().endsWith("%")) {
+function generateCSSTextOutline(color, thickness) {
+    let thick = thickness;
+    if ((0, is_non_empty_string_1.default)(thickness) && thickness.trim().endsWith("%")) {
         // As em and % are basically equivalent in CSS
         // (they both are relative to the font-size
         // of the current element)
@@ -34,8 +36,9 @@ export default function generateCSSTextOutline(color, thickness) {
         thick = thickness.trim().slice(0, -1);
         thick = (parseInt(thick, 10) / 100).toString() + "em";
     }
-    return "-1px -1px ".concat(thick, " ").concat(color, ",") +
-        "1px -1px ".concat(thick, " ").concat(color, ",") +
-        "-1px 1px ".concat(thick, " ").concat(color, ",") +
-        "1px 1px ".concat(thick, " ").concat(color);
+    return `-1px -1px ${thick} ${color},` +
+        `1px -1px ${thick} ${color},` +
+        `-1px 1px ${thick} ${color},` +
+        `1px 1px ${thick} ${color}`;
 }
+exports.default = generateCSSTextOutline;

package/dist/_esm5.processed/parsers/texttracks/ttml/html/index.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Copyright 2015 CANAL+ Group
  *
@@ -13,9 +14,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * /!\ This file is feature-switchable.
  * It always should be imported through the `features` object.
  */
-import parseTTMLStringToDIV from "./parse_ttml_to_div";
-export default parseTTMLStringToDIV;
+const parse_ttml_to_div_1 = require("./parse_ttml_to_div");
+exports.default = parse_ttml_to_div_1.default;