bitmovin-player-ui 4.3.0 → 4.4.0

package/dist/js/framework/components/Icon.d.ts

@@ -1,17 +1,6 @@
 import { Component, ComponentConfig } from './Component';
-import { LocalizableText } from '../localization/i18n';
 import { DOM } from '../DOM';
-export interface IconConfig extends ComponentConfig {
-    /**
-     * WCAG20 standard for defining info about the component (usually the name)
-     */
-    ariaLabel?: LocalizableText;
-    /**
-     * Alternative text for the icon, used for accessibility (e.g., screen readers).
-     */
-    altText?: LocalizableText;
-}
-export declare class Icon extends Component<IconConfig> {
-    constructor(config: IconConfig);
+export declare class Icon extends Component<ComponentConfig> {
+    constructor(config?: ComponentConfig);
     protected toDomElement(): DOM;
 }

package/dist/js/framework/components/Icon.js

@@ -17,11 +17,11 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 var Component_1 = require("./Component");
-var i18n_1 = require("../localization/i18n");
 var DOM_1 = require("../DOM");
 var Icon = /** @class */ (function (_super) {
     __extends(Icon, _super);
     function Icon(config) {
+        if (config === void 0) { config = {}; }
         var _this = _super.call(this, config) || this;
         _this.config = _this.mergeConfig(config, {
             cssClass: 'ui-icon',
@@ -30,8 +30,7 @@ var Icon = /** @class */ (function (_super) {
     }
     Icon.prototype.toDomElement = function () {
         return new DOM_1.DOM('div', {
-            class: this.getCssClasses(),
-            'aria-label': i18n_1.i18n.performLocalization(this.config.ariaLabel || this.config.altText),
+            class: this.getCssClasses()
         });
     };
     return Icon;

package/dist/js/framework/components/RecommendationItem.js

@@ -78,7 +78,7 @@ var RecommendationItem = /** @class */ (function (_super) {
         }
         var itemElement = new DOM_1.DOM(tagName, __assign(__assign({ id: this.config.id, class: this.getCssClasses() }, additionalAttributes), { tabindex: this.config.tabIndex.toString() }), this);
         if (posterUrl) {
-            itemElement.css({ 'background-image': "url(".concat(posterUrl, ")") });
+            itemElement.css({ 'background-image': "url(\"".concat(posterUrl, "\")") });
         }
         var titleElement = new DOM_1.DOM('div', {
             class: this.prefixCss('title-container'),

package/dist/js/framework/components/buttons/Button.js

@@ -81,7 +81,7 @@ var Button = /** @class */ (function (_super) {
         // Create the button element with the text label
         var buttonElement = new DOM_1.DOM('button', buttonElementAttributes, this);
         var addIconElement = function () {
-            var icon = new Icon_1.Icon({ ariaLabel: _this.config.ariaLabel, altText: _this.config.text });
+            var icon = new Icon_1.Icon();
             buttonElement.append(icon.getDomElement());
         };
         var addLabelElement = function () {

package/dist/js/framework/components/labels/Label.js

@@ -85,7 +85,7 @@ var Label = /** @class */ (function (_super) {
             _this.onClickEvent();
         });
         if (this.config.labelStyle !== LabelStyle.Text) {
-            var icon = new Icon_1.Icon({ ariaLabel: this.config.ariaLabel, altText: this.config.text });
+            var icon = new Icon_1.Icon();
             switch (this.config.labelStyle) {
                 case LabelStyle.TextWithTrailingIcon:
                     wrapperElement.append(icon.getDomElement());

package/dist/js/framework/components/overlays/SubtitleOverlay.d.ts

@@ -24,24 +24,21 @@ export declare class SubtitleOverlay extends Container<ContainerConfig> {
     private subtitleContainerManager;
     private static readonly CLASS_CONTROLBAR_VISIBLE;
     private static readonly CLASS_CEA_608;
-    private static readonly DEFAULT_CEA608_NUM_ROWS;
-    private static readonly DEFAULT_CEA608_NUM_COLUMNS;
-    private FONT_SIZE_FACTOR;
-    private CEA608_NUM_ROWS;
-    private CEA608_NUM_COLUMNS;
-    private CEA608_COLUMN_OFFSET;
+    private static readonly CEA608_NUM_ROWS;
+    private static readonly CEA608_NUM_COLUMNS;
+    private static readonly CEA608_COLUMN_OFFSET;
+    private static readonly DEFAULT_CAPTION_LEFT_OFFSET;
     private cea608Enabled;
+    private cea608FontSizeFactor;
+    private ensureCea608GridSizeUpdated;
     constructor(config?: ContainerConfig);
     configure(player: PlayerAPI, uimanager: UIInstanceManager): void;
     setFontSizeFactor(factor: number): void;
-    recalculateCEAGrid(): void;
     detectCroppedSubtitleLabel(labelElement: HTMLElement): SubtitleCropDetectionResult;
     handleSubtitleCropping(label: SubtitleLabel): void;
-    resolveRowNumber(row: number): number;
     generateLabel(event: SubtitleCueEvent): SubtitleLabel;
     filterFontSizeOptions: ListItemFilter;
     resolveFontSizeFactor(value: string): number;
-    updateRegionRowPosition(r: SubtitleRegionContainer): void;
     configureCea608Captions(player: PlayerAPI, uimanager: UIInstanceManager): void;
     enablePreviewSubtitleLabel(): void;
     removePreviewSubtitleLabel(): void;

package/dist/js/framework/components/overlays/SubtitleOverlay.js

@@ -34,14 +34,8 @@ var SubtitleOverlay = /** @class */ (function (_super) {
         if (config === void 0) { config = {}; }
         var _this = _super.call(this, config) || this;
         _this.preprocessLabelEventCallback = new EventDispatcher_1.EventDispatcher();
-        _this.FONT_SIZE_FACTOR = 1;
-        // The number of rows in a cea608 grid
-        _this.CEA608_NUM_ROWS = SubtitleOverlay.DEFAULT_CEA608_NUM_ROWS;
-        // The number of columns in a cea608 grid
-        _this.CEA608_NUM_COLUMNS = SubtitleOverlay.DEFAULT_CEA608_NUM_COLUMNS;
-        // The offset in percent for one column (which is also the width of a column)
-        _this.CEA608_COLUMN_OFFSET = 100 / _this.CEA608_NUM_COLUMNS;
         _this.cea608Enabled = false;
+        _this.cea608FontSizeFactor = 1;
         _this.filterFontSizeOptions = function (listItem) {
             if (_this.cea608Enabled && listItem.key !== null) {
                 var percent = parseInt(listItem.key, 10);
@@ -49,7 +43,6 @@ var SubtitleOverlay = /** @class */ (function (_super) {
             }
             return true;
         };
-        _this.recalculateCEAGrid();
         _this.previewSubtitleActive = false;
         _this.previewSubtitle = new SubtitleLabel({ text: i18n_1.i18n.getLocalizer('subtitle.example') });
         _this.config = _this.mergeConfig(config, {
@@ -116,6 +109,7 @@ var SubtitleOverlay = /** @class */ (function (_super) {
             removedActiveCues.forEach(function (toRemove) {
                 _this.subtitleContainerManager.removeLabel(toRemove.label);
             });
+            _this.updateComponents();
         };
         player.on(player.exports.PlayerEvent.AudioChanged, subtitleClearHandler);
         player.on(player.exports.PlayerEvent.SubtitleDisabled, subtitleClearHandler);
@@ -126,11 +120,17 @@ var SubtitleOverlay = /** @class */ (function (_super) {
         uimanager.onComponentShow.subscribe(function (component) {
             if (component instanceof ControlBar_1.ControlBar) {
                 _this.getDomElement().addClass(_this.prefixCss(SubtitleOverlay.CLASS_CONTROLBAR_VISIBLE));
+                if (_this.cea608Enabled && _this.ensureCea608GridSizeUpdated) {
+                    awaitTransitionEnd(_this.getDomElement()).then(_this.ensureCea608GridSizeUpdated);
+                }
             }
         });
         uimanager.onComponentHide.subscribe(function (component) {
             if (component instanceof ControlBar_1.ControlBar) {
                 _this.getDomElement().removeClass(_this.prefixCss(SubtitleOverlay.CLASS_CONTROLBAR_VISIBLE));
+                if (_this.cea608Enabled && _this.ensureCea608GridSizeUpdated) {
+                    awaitTransitionEnd(_this.getDomElement()).then(_this.ensureCea608GridSizeUpdated);
+                }
             }
         });
         this.configureCea608Captions(player, uimanager);
@@ -140,15 +140,7 @@ var SubtitleOverlay = /** @class */ (function (_super) {
     SubtitleOverlay.prototype.setFontSizeFactor = function (factor) {
         // We only allow range from 50% to 200% as suggested by spec
         // https://www.ecfr.gov/current/title-47/part-79/section-79.103#p-79.103(c)(4)
-        this.FONT_SIZE_FACTOR = Math.max(0.5, Math.min(2.0, factor));
-        this.recalculateCEAGrid();
-    };
-    SubtitleOverlay.prototype.recalculateCEAGrid = function () {
-        // Needs to get recalculated in case the font size will change also we need to floor this
-        // to always align to the whole number represented in styles.
-        this.CEA608_NUM_ROWS = Math.floor(SubtitleOverlay.DEFAULT_CEA608_NUM_ROWS / Math.max(this.FONT_SIZE_FACTOR, 1));
-        this.CEA608_NUM_COLUMNS = Math.floor(SubtitleOverlay.DEFAULT_CEA608_NUM_COLUMNS / this.FONT_SIZE_FACTOR);
-        this.CEA608_COLUMN_OFFSET = 100 / this.CEA608_NUM_COLUMNS;
+        this.cea608FontSizeFactor = Math.max(0.5, Math.min(2, factor));
     };
     SubtitleOverlay.prototype.detectCroppedSubtitleLabel = function (labelElement) {
         var parent = this.getDomElement().get(0);
@@ -181,15 +173,6 @@ var SubtitleOverlay = /** @class */ (function (_super) {
             labelDomElement.removeCss('right');
         }
     };
-    SubtitleOverlay.prototype.resolveRowNumber = function (row) {
-        // In case there is a font size factor and the row from event would overflow
-        // we need to apply an offset so it gets rendered to visible area.
-        if (this.FONT_SIZE_FACTOR > 1 && row > this.CEA608_NUM_ROWS) {
-            var rowDelta = SubtitleOverlay.DEFAULT_CEA608_NUM_ROWS - this.CEA608_NUM_ROWS;
-            return row - rowDelta;
-        }
-        return row;
-    };
     SubtitleOverlay.prototype.generateLabel = function (event) {
         var _a;
         // Sanitize cue data (must be done before the cue ID is generated in subtitleManager.cueEnter / update)
@@ -197,8 +180,8 @@ var SubtitleOverlay = /** @class */ (function (_super) {
         // Sometimes the positions are undefined, we assume them to be zero.
         // We need to keep track of the original row position in case of recalculation.
         var originalRowNumber = ((_a = event.position) === null || _a === void 0 ? void 0 : _a.row) || 0;
-        if (event.position) {
-            event.position.row = this.resolveRowNumber(event.position.row) || 0;
+        if (isCea608SubtitleCue(event)) {
+            event.position.row = event.position.row || 0;
             event.position.column = event.position.column || 0;
             region = region || "cea608-row-".concat(event.position.row);
         }
@@ -216,39 +199,33 @@ var SubtitleOverlay = /** @class */ (function (_super) {
     SubtitleOverlay.prototype.resolveFontSizeFactor = function (value) {
         return parseInt(value) / 100;
     };
-    SubtitleOverlay.prototype.updateRegionRowPosition = function (r) {
-        var _a;
-        var element = r.getDomElement().get()[0];
-        var label = r.getComponents()[0];
-        if (!element || !label) {
-            return;
-        }
-        var rowClassList = element.classList;
-        var originalRow = (_a = label.getConfig()) === null || _a === void 0 ? void 0 : _a.originalRowPosition;
-        var rowClassRegex = /subtitle-position-cea608-row-(\d+)/;
-        var currentClass = Array.from(rowClassList).find(function (cls) { return rowClassRegex.test(cls); });
-        if (!currentClass) {
-            return;
-        }
-        var match = rowClassRegex.exec(currentClass);
-        var rowNumber = match ? parseInt(match[1], 10) : null;
-        var newRowNum = this.resolveRowNumber(originalRow !== null && originalRow !== void 0 ? originalRow : rowNumber);
-        var newClass = currentClass.replace(rowClassRegex, "subtitle-position-cea608-row-".concat(newRowNum));
-        rowClassList.replace(currentClass, newClass);
-    };
     SubtitleOverlay.prototype.configureCea608Captions = function (player, uimanager) {
         var _this = this;
-        // The calculated font size
+        var _a;
+        /** The calculated row height in px */
+        var rowHeight = 0;
+        /** The calculated font size in px */
         var fontSize = 0;
-        // The required letter spacing spread the text characters evenly across the grid
+        /**
+         * The ratio of the font size of 100% to the row height.
+         * e.g. font size 100% fills up 75% of the available row height
+         */
+        var fontSize100PercentRatio = 0.75;
+        /** The required letter spacing spread the text characters evenly across the grid */
         var fontLetterSpacing = 0;
-        // Flag telling if a font size calculation is required of if the current values are valid
-        var fontSizeCalculationRequired = true;
-        // Flag telling if the CEA-608 mode is enabled
+        /** The ratio of the caption window/row height that is used as margin so that the window encloses the caption */
+        var windowMarginRatio = 0.2;
+        /** The calculated window margin in px */
+        var windowMargin;
+        /** Flag telling if the CEA-608 rendering mode is currently enabled */
         this.cea608Enabled = false;
+        /** Track last known grid params to avoid unnecessary recalculations */
+        var lastCeaGridRecalculation = { overlayWidth: 0, overlayHeight: 0, fontSizeFactor: 0 };
         var settingsManager = uimanager.getSubtitleSettingsManager();
-        var fontSizeFactorSettings = this.resolveFontSizeFactor(settingsManager.fontSize.value);
-        this.setFontSizeFactor(fontSizeFactorSettings);
+        if (settingsManager.fontSize.value != null) {
+            var fontSizeFactorSettings = this.resolveFontSizeFactor(settingsManager.fontSize.value);
+            this.setFontSizeFactor(fontSizeFactorSettings);
+        }
         settingsManager.fontSize.onChanged.subscribe(function (_sender, property) {
             if (property.isSet()) {
                 // We need to convert from percent
@@ -258,9 +235,32 @@ var SubtitleOverlay = /** @class */ (function (_super) {
             else {
                 _this.setFontSizeFactor(1);
             }
-            updateCEA608FontSize();
+            if (_this.cea608Enabled) {
+                _this.ensureCea608GridSizeUpdated();
+            }
         });
-        var updateCEA608FontSize = function () {
+        (_a = this.onShow) === null || _a === void 0 ? void 0 : _a.subscribe(function () {
+            // ensure CEA grid is updated whenever the overlay becomes visible
+            if (_this.cea608Enabled) {
+                _this.ensureCea608GridSizeUpdated();
+            }
+        });
+        this.ensureCea608GridSizeUpdated = function () {
+            var overlayElement = _this.getDomElement();
+            var currentWidth = overlayElement.width();
+            var currentHeight = overlayElement.height();
+            var hasOverlaySizeChanged = currentWidth !== lastCeaGridRecalculation.overlayWidth ||
+                currentHeight !== lastCeaGridRecalculation.overlayHeight;
+            var hasFontSizeFactorChanged = _this.cea608FontSizeFactor !== lastCeaGridRecalculation.fontSizeFactor;
+            if (!hasOverlaySizeChanged && !hasFontSizeFactorChanged) {
+                // none of the input variables changed, no need to recalculate
+                return;
+            }
+            lastCeaGridRecalculation = {
+                overlayWidth: currentWidth,
+                overlayHeight: currentHeight,
+                fontSizeFactor: _this.cea608FontSizeFactor,
+            };
             var dummyLabel = new SubtitleLabel({ text: 'X' });
             dummyLabel.getDomElement().css({
                 // By using a large font size we do not need to use multiple letters and can get still an
@@ -272,8 +272,8 @@ var SubtitleOverlay = /** @class */ (function (_super) {
             _this.addComponent(dummyLabel);
             _this.updateComponents();
             _this.show();
-            var dummyLabelCharWidth = dummyLabel.getDomElement().width() * _this.FONT_SIZE_FACTOR;
-            var dummyLabelCharHeight = dummyLabel.getDomElement().height() * _this.FONT_SIZE_FACTOR;
+            var dummyLabelCharWidth = dummyLabel.getDomElement().width();
+            var dummyLabelCharHeight = dummyLabel.getDomElement().height();
             var fontSizeRatio = dummyLabelCharWidth / dummyLabelCharHeight;
             _this.removeComponent(dummyLabel);
             _this.updateComponents();
@@ -285,19 +285,22 @@ var SubtitleOverlay = /** @class */ (function (_super) {
             // layouting, but the actual reason could not be determined. Aiming for a target width - 1px would work in
             // most browsers, but Safari has a "quantized" font size rendering with huge steps in between so we need
             // to subtract some more pixels to avoid line breaks there as well.
-            var overlayElement = _this.getDomElement();
-            var subtitleOverlayWidth = overlayElement.width() - 10;
-            var subtitleOverlayHeight = overlayElement.height();
+            var subtitleOverlayWidthUsableRatio = 1 - parseFloat(SubtitleOverlay.DEFAULT_CAPTION_LEFT_OFFSET) / 100;
+            var subtitleOverlayWidth = Math.floor(subtitleOverlayWidthUsableRatio * currentWidth) - 10;
+            var subtitleOverlayHeight = currentHeight;
             // The size ratio of the letter grid
-            var fontGridSizeRatio = (dummyLabelCharWidth * _this.CEA608_NUM_COLUMNS) / (dummyLabelCharHeight * _this.CEA608_NUM_ROWS);
+            var fontGridSizeRatio = (dummyLabelCharWidth * SubtitleOverlay.CEA608_NUM_COLUMNS) /
+                (dummyLabelCharHeight * SubtitleOverlay.CEA608_NUM_ROWS);
             // The size ratio of the available space for the grid
             var subtitleOverlaySizeRatio = subtitleOverlayWidth / subtitleOverlayHeight;
             if (subtitleOverlaySizeRatio > fontGridSizeRatio) {
                 // When the available space is wider than the text grid, the font size is simply
                 // determined by the height of the available space.
-                fontSize = subtitleOverlayHeight / _this.CEA608_NUM_ROWS;
+                rowHeight = subtitleOverlayHeight / SubtitleOverlay.CEA608_NUM_ROWS;
+                var fontSize100Percent = rowHeight * (1 - windowMarginRatio) * fontSize100PercentRatio;
+                fontSize = fontSize100Percent * _this.cea608FontSizeFactor;
                 // Calculate the additional letter spacing required to evenly spread the text across the grid's width
-                var gridSlotWidth = subtitleOverlayWidth / _this.CEA608_NUM_COLUMNS;
+                var gridSlotWidth = subtitleOverlayWidth / SubtitleOverlay.CEA608_NUM_COLUMNS;
                 var fontCharWidth = fontSize * fontSizeRatio;
                 fontLetterSpacing = Math.max(gridSlotWidth - fontCharWidth, 0);
             }
@@ -305,82 +308,67 @@ var SubtitleOverlay = /** @class */ (function (_super) {
                 // When the available space is not wide enough, texts would vertically overlap if we take
                 // the height as a base for the font size, so we need to limit the height. We do that
                 // by determining the font size by the width of the available space.
-                fontSize = subtitleOverlayWidth / _this.CEA608_NUM_COLUMNS / fontSizeRatio;
+                rowHeight = subtitleOverlayWidth / SubtitleOverlay.CEA608_NUM_COLUMNS / fontSizeRatio;
+                var fontSize100Percent = rowHeight * (1 - windowMarginRatio) * fontSize100PercentRatio;
+                fontSize = fontSize100Percent * _this.cea608FontSizeFactor;
                 fontLetterSpacing = 0;
             }
-            // After computing overlay dimensions:
-            var newRowHeight = fontSize;
-            // Update row position of regions
-            var regions = _this.getComponents();
-            regions.forEach(function (r) {
-                if (r instanceof SubtitleRegionContainer) {
-                    _this.updateRegionRowPosition(r);
-                }
-            });
+            windowMargin = rowHeight * windowMarginRatio;
             // Update the CSS custom property on the overlay DOM element
             overlayElement.get().forEach(function (el) {
-                el.style.setProperty('--cea608-row-height', "".concat(newRowHeight, "px"));
+                el.style.setProperty('--cea608-row-height', "".concat(rowHeight, "px"));
             });
             // Update font-size of all active subtitle labels
             var updateLabel = function (label) {
-                var isLargerFontSize = _this.FONT_SIZE_FACTOR > 1;
                 label.getDomElement().css({
                     'font-size': "".concat(fontSize, "px"),
-                    'line-height': "".concat(fontSize, "px"),
-                    'letter-spacing': "".concat(isLargerFontSize ? 0 : fontLetterSpacing, "px"),
-                    'white-space': "".concat(isLargerFontSize ? 'nowrap' : 'normal'),
-                    left: isLargerFontSize && '0%',
+                    'line-height': "".concat(rowHeight - windowMargin, "px"),
+                    'letter-spacing': "".concat(fontLetterSpacing, "px"),
                 });
-                label.regionStyle = "line-height: ".concat(fontSize, "px;");
+                label.regionStyle = "margin: ".concat(windowMargin / 2, "px; height: ").concat(rowHeight, "px");
             };
             for (var _i = 0, _a = _this.getComponents(); _i < _a.length; _i++) {
-                var label = _a[_i];
-                if (label instanceof SubtitleRegionContainer) {
-                    label.getComponents().forEach(function (l) {
+                var childComponent = _a[_i];
+                if (childComponent instanceof SubtitleRegionContainer) {
+                    childComponent.getDomElement().css({
+                        margin: "".concat(windowMargin / 2, "px"),
+                        height: "".concat(rowHeight, "px"),
+                    });
+                    childComponent.getComponents().forEach(function (l) {
                         updateLabel(l);
                     });
                 }
-                if (label instanceof SubtitleLabel) {
-                    updateLabel(label);
+                if (childComponent instanceof SubtitleLabel) {
+                    updateLabel(childComponent);
                 }
             }
         };
         player.on(player.exports.PlayerEvent.PlayerResized, function () {
             if (_this.cea608Enabled) {
-                updateCEA608FontSize();
-            }
-            else {
-                fontSizeCalculationRequired = true;
+                _this.ensureCea608GridSizeUpdated();
             }
         });
         this.preprocessLabelEventCallback.subscribe(function (event, label) {
-            var isCEA608 = event.position != null;
-            if (!isCEA608) {
+            if (!isCea608SubtitleCue(event)) {
                 // Skip all non-CEA608 cues
                 return;
             }
             if (!_this.cea608Enabled) {
                 _this.cea608Enabled = true;
                 _this.getDomElement().addClass(_this.prefixCss(SubtitleOverlay.CLASS_CEA_608));
-                // We conditionally update the font size by this flag here to avoid updating every time a subtitle
-                // is added into an empty overlay. Because we reset the overlay when all subtitles are gone, this
-                // would trigger an unnecessary update every time, but it's only required under certain conditions,
-                // e.g. after the player size has changed.
-                if (fontSizeCalculationRequired) {
-                    updateCEA608FontSize();
-                    fontSizeCalculationRequired = false;
-                }
             }
-            // We disable the grid and wrapping in case enlarged font size is used to prevent
-            // line and characters overflows
-            var isLargerFontSize = _this.FONT_SIZE_FACTOR > 1;
+            var leftOffset = event.position.column * SubtitleOverlay.CEA608_COLUMN_OFFSET + '%';
+            if (leftOffset === '0%') {
+                // ensure that a little of the window still shows for better readability
+                leftOffset = SubtitleOverlay.DEFAULT_CAPTION_LEFT_OFFSET;
+            }
             label.getDomElement().css({
-                left: "".concat(isLargerFontSize ? 0 : event.position.column * _this.CEA608_COLUMN_OFFSET, "%"),
+                left: leftOffset,
                 'font-size': "".concat(fontSize, "px"),
-                'letter-spacing': "".concat(isLargerFontSize ? 0 : fontLetterSpacing, "px"),
-                'white-space': "".concat(isLargerFontSize ? 'nowrap' : 'normal'),
+                'letter-spacing': "".concat(fontLetterSpacing, "px"),
+                'line-height': "".concat(rowHeight - windowMargin, "px"),
             });
-            label.regionStyle = "line-height: ".concat(fontSize, "px;");
+            label.regionStyle = "margin: ".concat(windowMargin / 2, "px; height: ").concat(rowHeight, "px");
         });
         var reset = function () {
             _this.getDomElement().removeClass(_this.prefixCss(SubtitleOverlay.CLASS_CEA_608));
@@ -414,8 +402,10 @@ var SubtitleOverlay = /** @class */ (function (_super) {
     };
     SubtitleOverlay.CLASS_CONTROLBAR_VISIBLE = 'controlbar-visible';
     SubtitleOverlay.CLASS_CEA_608 = 'cea608';
-    SubtitleOverlay.DEFAULT_CEA608_NUM_ROWS = 15;
-    SubtitleOverlay.DEFAULT_CEA608_NUM_COLUMNS = 32;
+    SubtitleOverlay.CEA608_NUM_ROWS = 15;
+    SubtitleOverlay.CEA608_NUM_COLUMNS = 32;
+    SubtitleOverlay.CEA608_COLUMN_OFFSET = 100 / SubtitleOverlay.CEA608_NUM_COLUMNS;
+    SubtitleOverlay.DEFAULT_CAPTION_LEFT_OFFSET = '0.5%';
     return SubtitleOverlay;
 }(Container_1.Container));
 exports.SubtitleOverlay = SubtitleOverlay;
@@ -645,17 +635,11 @@ var SubtitleRegionContainerManager = /** @class */ (function () {
             if (label.regionStyle) {
                 regionContainer.getDomElement().attr('style', label.regionStyle);
             }
-            else if (label.vtt && !label.vtt.region) {
-                /**
-                 * If there is no region present to wrap the Cue Box, the Cue box becomes the
-                 * region itself. Therefore the positioning values have to come from the box.
-                 */
+            if (label.vtt) {
                 regionContainer.getDomElement().css('position', 'static');
             }
-            else {
-                // getDomElement needs to be called at least once to ensure the component exists
-                regionContainer.getDomElement();
-            }
+            // getDomElement needs to be called at least once to ensure the component exists
+            regionContainer.getDomElement();
             for (var regionContainerId_1 in this.subtitleRegionContainers) {
                 this.subtitleOverlay.addComponent(this.subtitleRegionContainers[regionContainerId_1]);
             }
@@ -730,3 +714,21 @@ var SubtitleRegionContainer = /** @class */ (function (_super) {
     return SubtitleRegionContainer;
 }(Container_1.Container));
 exports.SubtitleRegionContainer = SubtitleRegionContainer;
+function isCea608SubtitleCue(cue) {
+    return cue.position != null;
+}
+function awaitTransitionEnd(domElement) {
+    var hasTransition = getComputedStyle(domElement.get(0)).transitionProperty !== 'none';
+    if (!hasTransition) {
+        return Promise.resolve();
+    }
+    return new Promise(function (resolve) {
+        var transitionHandler = function () {
+            domElement.off('transitionend', transitionHandler);
+            domElement.off('transitioncancel', transitionHandler);
+            resolve();
+        };
+        domElement.on('transitionend', transitionHandler);
+        domElement.on('transitioncancel', transitionHandler);
+    });
+}

package/dist/js/framework/components/seekbar/SeekBarLabel.js

@@ -196,7 +196,7 @@ var SeekBarLabel = /** @class */ (function (_super) {
         // A default value for width is set in the stylesheet and can be overwritten from there or anywhere else.
         return {
             display: 'inherit',
-            'background-image': "url(".concat(thumbnail.url, ")"),
+            'background-image': "url(\"".concat(thumbnail.url, "\")"),
             'padding-bottom': "".concat(100 * aspectRatio, "%"),
             'background-size': "".concat(sizeX, "% ").concat(sizeY, "%"),
             'background-position': "-".concat(offsetX, "% -").concat(offsetY, "%"),
@@ -206,7 +206,7 @@ var SeekBarLabel = /** @class */ (function (_super) {
         var aspectRatio = (1 / width) * height;
         return {
             display: 'inherit',
-            'background-image': "url(".concat(thumbnail.url, ")"),
+            'background-image': "url(\"".concat(thumbnail.url, "\")"),
             'padding-bottom': "".concat(100 * aspectRatio, "%"),
             'background-size': "100% 100%",
             'background-position': "0 0",

package/dist/js/framework/components/settings/subtitlesettings/FontSizeSelectBox.js

@@ -62,10 +62,6 @@ var FontSizeSelectBox = /** @class */ (function (_super) {
     FontSizeSelectBox.prototype.configure = function (player, uimanager) {
         var _this = this;
         _super.prototype.configure.call(this, player, uimanager);
-        this.populateItemsWithFilter();
-        this.onShow.subscribe(function () {
-            _this.populateItemsWithFilter();
-        });
         this.settingsManager.fontSize.onChanged.subscribe(function (sender, property) {
             if (property.isSet()) {
                 _this.toggleOverlayClass('fontsize-' + property.value);
@@ -78,6 +74,11 @@ var FontSizeSelectBox = /** @class */ (function (_super) {
         this.onItemSelected.subscribe(function (sender, key) {
             _this.settingsManager.fontSize.value = key;
         });
+        this.onShow.subscribe(function () {
+            _this.populateItemsWithFilter();
+        });
+        // init
+        this.populateItemsWithFilter();
     };
     return FontSizeSelectBox;
 }(SubtitleSettingSelectBox_1.SubtitleSettingSelectBox));

package/dist/js/framework/main.d.ts

@@ -87,4 +87,4 @@ export { ReplayButton } from './components/buttons/ReplayButton';
 export { QuickSeekButton, QuickSeekButtonConfig } from './components/buttons/QuickSeekButton';
 export { ListSelector, ListSelectorConfig, ListItem, ListItemFilter, ListItemLabelTranslator, } from './components/lists/ListSelector';
 export { AdStatusOverlay } from './components/ads/AdStatusOverlay';
-export { Icon, IconConfig } from './components/Icon';
+export { Icon } from './components/Icon';

package/docs/assets/hierarchy.js

@@ -1 +1 @@
-window.hierarchyData = "eJydW0tz5DYO/i86IxvxTfo29s7sTlWymdjZ2UMqB0033aOyWnJJ6sl6U/PftyD5QUpqCexLV5f7Az8ABAkCpP/K2qbpu+zqd8msAMkdA2MUMJ6D5PIPyFp/X/ldXzZ1l139lSn8qIujz66yj3Xv27qo/v3xpqnvy0MG2UNZ77MrrjRkp7bKrrISMffFznc/TuF/+9ofqwyyXVV0XXaV9d3+B5T/4VUm+w4Z43lAeef9w6fWfyv9n+/aQ7fBOEETCCHbfS2rfevr7Op35pj74ztkkstABaK1CVZGpAoZjQn9/K/iW3kocAr+0Tanx1dixu0L8TC6736cQM+Sj3+IiK1gYLVBeitYQH/bNH2CCgvwDTWQUZtolvu+rA/dp6L2VQL1mty2Di53gQ7Xp75v6jW2EZHiYq6sAyVzB0pxDZoLDdowAdZJASwXAj+lyHESWM74TB9S6IXQ1PDjhhlQijFQmgvQluXAciXMqFIUGDdN3bdNdV20a256Q6W4SmkxrD3GpFykJHliCk9ejEaNhjOlAy0+nKqq27Xe1781h0Plt2NlWWI7JhmPdoJ/ng7+U1U8fSl2D1TqczIEcuFsQP46SHn0PxVffLXGOgMT6BSTa3SkGT8jRcw1SqglDYievsDLcb7hZtj9mVZmQ400X8wEie7QRk9y78Zaf4akGG1yM2531pk5GcnOCJu6xA1nduB3zC0fNN5/83Wfdtp4FSE62nEbceOJ67r577qrn0FJCcgIBUJrDcLmFqRzFnRuDVhpNXqB506EJ7zeH0eisql/Krt+TaMZeHvJcy7O5n1yok9xgMslG+yUUSaLxiPG3EwiNfIcc2bURboFXai7zhKe4Hmlt0iT/HDpHoNHokAPqtEXb7FMacBtHtDrwK3NgTvnQOZagnaKgeGSD9NimDmjGckzF3kkVlYrAzhRozpRbvpc7n3z66moyv6JtF8sChDixNqw/vrcVKejp87SHE0gdC4MiM+3ZLLbNCLBWLjp/qfofXss2oc1jlcQYXgeFa6vkqTYmaBpS0nwKEKGArQvytqvpuwAlrKQtNRD2hbCzorjcTR6lRziiabKfFqIbBp6kZlY8QBmKUDvgnAqBykYAynxmzYKpBUOFJM5KG4UaCzitLIanOIKWJ4LByw3XAzuUlFUpDkr3VWTvU9KwMQHOGkg8Zu03IDimoMSToGW0oA2eQ4ODwksZ1qNaouwFt08/VNO/LFuwllQRjtQzjjQlo+8WtopL8lVaUf/WBXFMBMIPSqgwyPwu9O+TNp1FwUIm4fN7ZT2t7bYPdBJYziB0qkoMouuv+uL/tT98s23VfG0urSm4G06zLcTOupGP8USyJgV0ao7Pja1r1dPs6+gtOOlA6yaADcowFUDUmkNRmiGbRTFgeV2bKZgr3VJKeJWEKGTYzxnHLDiAtyQAJcZSK2x+6SdBZY7PuooWKjj+7Zt2p991xUHTwiLBThhruKT+cIYJAedlaMlGNzewxao3zXHo6/3Qz+RYPqiAMF4FW038ShYX9E5EU0g1FqsEpKcfU6M6Gsd9bieq/nNHBPiCIZavtBeoCeUuQDROCuiOuv0pS/7irJ6JlCCiS5q173I07oJU/A2HR55wvoIxTfaQy8YwuBc84XBaYVXBKZNk4r7rGPh8tI9JtY5EZxgonAblCRrz8oRDZfRrcdNVe4eKBk/wKUkSCy6QFkzZBe8ZjjDTUuCM4HUPIhF2qgJj455+7uH8nF73kMcYcI1F2dISObOBYhTrKMt6N2edm8T4gjGmahnHQoTjbvgrmbg1bFxzzl/M33ESIKB1kwMJC6VGEkgcmY6XSe0mGBRiNwmwsbvwjXD3aP3e1LSWJYgEHMRrja8oLr1j1XxRLvMCrEEMiHCVXd9ur/3bVkfCDM3xRLIpDQrZMTb2yUh2mrArsykqiK2gSZQgqnK6oXoGQszgnMXBQi0Js+3aC+4HLvE14ZFRWXVdJTi9Q1GMNayfJmCmB8neKJhlocHk599X+yLvtjcfyIgwTgX7QKRNMm8BQmigU6F5453ZYvBQG0/LMC3jcVbztlh764q9+urMsQRSHjU0Q6FE46SoQDNn3hjEq7JctefWv+xfv5Cvj5fkSMYL3R0o/dY7NZ9OyIIA8soWq6L3cOhbU71/qapmpaUKM/JEMhVVNO9DfTLY7GjNiHPSxEUMDLcDG6+Fm2x6337fn+gVZbLEgRi68Kg+tBgr4vq8Dma8AQtj47JOMSH4lhWNB8vwAmULMqhOEbKvC7hCaTxgQgHuSv/R5vMGZhAJyMb3xoNw71xYnMilkl6ZiLxalc5CxjRgNEFOOOAcwDoE7BaOrDGDY1/q4UkqE3rHa0K0/ZYVC68TizrffMnfUEs4QlzZ5yekaZE6LIEgdhJcd773a3vfE94GXFejPIaVIbbPr5n2TD2GZJ0X8CZASfM8CYF34PMGWnXXSGWFlBIveBigp0TKMGVwkTnrdfrKQLZDEygUzzuJwcvdT4VB09+WITgpNm0dpzI+NJwNmb6A6M3qfSbnny8eUblVpYUzTvnhAiPO1EPCv8lO+oFThpVEktvoIbBti5bZmCKC5g+G5jku5YzUulxIZh8edMdZrq/P9XFsdxdpty6MHVa4gMKtTWU1hYantkHLL+eSrwu9w/bRBMohUtFzxwnA5A8uyhDdahSfJJYxlzcrBZIIS7pLYfjFvAh6RheOqpgwkHJqS0WSA11PMrBy2PL4SVO3IWnvnKYQCnzbqN5/7hbDyz8nTKq49NRaf9/tUuJm+/f/w8yEdEd"
+window.hierarchyData = "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"

package/docs/assets/navigation.js

@@ -1 +1 @@
-window.navigationData = "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"
+window.navigationData = "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"