npm - bitmovin-player-ui - Versions diffs - 4.2.0 → 4.3.0 - Mend

bitmovin-player-ui 4.2.0 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (265) hide show

package/CHANGELOG.md +20 -0
package/dist/js/bitmovinplayer-ui.js +1 -1
package/dist/js/bitmovinplayer-ui.js.map +1 -1
package/dist/js/framework/UIFactory.js +1 -2
package/dist/js/framework/components/Container.d.ts +1 -1
package/dist/js/framework/components/UIContainer.d.ts +7 -1
package/dist/js/framework/components/UIContainer.js +33 -2
package/dist/js/framework/components/ads/AdMessageLabel.d.ts +22 -3
package/dist/js/framework/components/ads/AdMessageLabel.js +40 -17
package/dist/js/framework/components/overlays/DismissClickOverlay.js +7 -1
package/dist/js/framework/components/settings/SettingsPanel.d.ts +28 -1
package/dist/js/framework/components/settings/SettingsPanel.js +103 -7
package/dist/js/framework/utils/StringUtils.d.ts +2 -2
package/docs/assets/hierarchy.js +1 -1
package/docs/assets/search.js +1 -1
package/docs/classes/AdClickOverlay.html +28 -28
package/docs/classes/AdControlBar.html +31 -31
package/docs/classes/AdCounterLabel.html +31 -31
package/docs/classes/AdMessageLabel.html +51 -32
package/docs/classes/AdSkipButton.html +27 -27
package/docs/classes/AdStatusOverlay.html +31 -31
package/docs/classes/AirPlayToggleButton.html +35 -35
package/docs/classes/AudioQualitySelectBox.html +38 -38
package/docs/classes/AudioTrackListBox.html +40 -39
package/docs/classes/AudioTrackSelectBox.html +38 -38
package/docs/classes/BackgroundColorSelectBox.html +38 -38
package/docs/classes/BackgroundOpacitySelectBox.html +38 -38
package/docs/classes/BrowserUtils.html +2 -2
package/docs/classes/BufferingOverlay.html +31 -31
package/docs/classes/Button.html +27 -27
package/docs/classes/CastStatusOverlay.html +31 -31
package/docs/classes/CastToggleButton.html +35 -35
package/docs/classes/CastUIContainer.html +31 -31
package/docs/classes/CharacterEdgeSelectBox.html +38 -38
package/docs/classes/ClickOverlay.html +28 -28
package/docs/classes/CloseButton.html +27 -27
package/docs/classes/Component.html +25 -25
package/docs/classes/Container.html +31 -31
package/docs/classes/ControlBar.html +31 -31
package/docs/classes/DynamicSettingsPanelItem.html +33 -33
package/docs/classes/ErrorMessageOverlay.html +31 -31
package/docs/classes/FontColorSelectBox.html +38 -38
package/docs/classes/FontFamilySelectBox.html +38 -38
package/docs/classes/FontOpacitySelectBox.html +38 -38
package/docs/classes/FontSizeSelectBox.html +38 -38
package/docs/classes/FullscreenToggleButton.html +35 -35
package/docs/classes/HugePlaybackToggleButton.html +35 -35
package/docs/classes/HugeReplayButton.html +27 -27
package/docs/classes/I18n.html +2 -2
package/docs/classes/Icon.html +25 -25
package/docs/classes/ItemSelectionList.html +38 -38
package/docs/classes/Label.html +31 -31
package/docs/classes/ListBox.html +40 -39
package/docs/classes/ListSelector.html +38 -38
package/docs/classes/MetadataLabel.html +31 -31
package/docs/classes/NavigationGroup.html +10 -10
package/docs/classes/PictureInPictureToggleButton.html +35 -35
package/docs/classes/PlaybackSpeedSelectBox.html +38 -38
package/docs/classes/PlaybackTimeLabel.html +32 -32
package/docs/classes/PlaybackToggleButton.html +35 -35
package/docs/classes/PlaybackToggleOverlay.html +31 -31
package/docs/classes/PlayerUtils.LiveStreamDetector.html +2 -2
package/docs/classes/PlayerUtils.TimeShiftAvailabilityDetector.html +2 -2
package/docs/classes/PlayerWrapper.html +4 -4
package/docs/classes/QuickSeekButton.html +27 -27
package/docs/classes/RecommendationItem.html +25 -25
package/docs/classes/RecommendationOverlay.html +31 -31
package/docs/classes/ReplayButton.html +27 -27
package/docs/classes/RootNavigationGroup.html +10 -10
package/docs/classes/SeekBar.html +36 -36
package/docs/classes/SeekBarLabel.html +35 -35
package/docs/classes/SelectBox.html +38 -38
package/docs/classes/SettingsPanel.html +40 -39
package/docs/classes/SettingsPanelItem.html +33 -33
package/docs/classes/SettingsPanelNavigationGroup.html +10 -10
package/docs/classes/SettingsPanelNavigationGroupConfig.html +2 -2
package/docs/classes/SettingsPanelPage.html +33 -33
package/docs/classes/SettingsPanelPageBackButton.html +29 -29
package/docs/classes/SettingsPanelPageOpenButton.html +29 -29
package/docs/classes/SettingsToggleButton.html +35 -35
package/docs/classes/Spacer.html +25 -25
package/docs/classes/SpatialNavigation.html +4 -4
package/docs/classes/SubtitleListBox.html +40 -39
package/docs/classes/SubtitleOverlay.html +31 -31
package/docs/classes/SubtitleSelectBox.html +38 -38
package/docs/classes/SubtitleSettingSelectBox.html +38 -38
package/docs/classes/SubtitleSettingsPanelPage.html +33 -33
package/docs/classes/SubtitleSettingsResetButton.html +27 -27
package/docs/classes/TitleBar.html +31 -31
package/docs/classes/ToggleButton.html +35 -35
package/docs/classes/UIContainer.html +31 -31
package/docs/classes/UIInstanceManager.html +14 -14
package/docs/classes/UIManager.html +14 -14
package/docs/classes/VRToggleButton.html +35 -35
package/docs/classes/VideoQualitySelectBox.html +39 -39
package/docs/classes/VolumeControlButton.html +33 -33
package/docs/classes/VolumeSlider.html +36 -36
package/docs/classes/VolumeToggleButton.html +35 -35
package/docs/classes/Watermark.html +28 -28
package/docs/classes/WindowColorSelectBox.html +38 -38
package/docs/classes/WindowOpacitySelectBox.html +38 -38
package/docs/enums/ButtonStyle.html +5 -5
package/docs/enums/LabelStyle.html +4 -4
package/docs/enums/MetadataLabelContent.html +3 -3
package/docs/enums/NavigationDirection.html +2 -2
package/docs/enums/PlaybackTimeLabelMode.html +5 -5
package/docs/enums/PlayerUtils.PlayerState.html +2 -2
package/docs/enums/UIUtils.KeyCode.html +2 -2
package/docs/enums/ViewMode.html +3 -3
package/docs/functions/ArrayUtils.remove.html +1 -1
package/docs/functions/ErrorUtils.defaultMobileV3ErrorMessageTranslator.html +1 -1
package/docs/functions/PlayerUtils.clampValueToRange.html +1 -1
package/docs/functions/PlayerUtils.getCurrentTimeRelativeToSeekableRange.html +1 -1
package/docs/functions/PlayerUtils.getSeekableRangeRespectingLive.html +1 -1
package/docs/functions/PlayerUtils.getSeekableRangeStart.html +1 -1
package/docs/functions/PlayerUtils.getState.html +1 -1
package/docs/functions/PlayerUtils.isTimeShiftAvailable.html +1 -1
package/docs/functions/StorageUtils.getItem.html +1 -1
package/docs/functions/StorageUtils.getObject.html +1 -1
package/docs/functions/StorageUtils.setItem.html +1 -1
package/docs/functions/StorageUtils.setObject.html +1 -1
package/docs/functions/StorageUtils.setStorageApiDisabled.html +1 -1
package/docs/functions/StringUtils.replaceAdMessagePlaceholders.html +1 -1
package/docs/functions/StringUtils.secondsToText.html +1 -1
package/docs/functions/StringUtils.secondsToTime.html +1 -1
package/docs/functions/UIFactory.buildCastReceiverUI.html +1 -1
package/docs/functions/UIFactory.buildSmallScreenUI.html +1 -1
package/docs/functions/UIFactory.buildSubtitleUI.html +1 -1
package/docs/functions/UIFactory.buildTvUI.html +1 -1
package/docs/functions/UIFactory.buildUI.html +1 -1
package/docs/functions/UIUtils.traverseTree.html +1 -1
package/docs/hierarchy.html +1 -1
package/docs/interfaces/ActiveUiChangedArgs.html +3 -3
package/docs/interfaces/AdControlBarConfig.html +12 -12
package/docs/interfaces/AdSkipButtonConfig.html +16 -16
package/docs/interfaces/BufferingOverlayConfig.html +13 -13
package/docs/interfaces/ButtonConfig.html +14 -14
package/docs/interfaces/ClickOverlayConfig.html +15 -15
package/docs/interfaces/CloseButtonConfig.html +15 -15
package/docs/interfaces/ComponentConfig.html +11 -11
package/docs/interfaces/ComponentFocusChangedEventArgs.html +2 -2
package/docs/interfaces/ComponentHoverChangedEventArgs.html +2 -2
package/docs/interfaces/ContainerConfig.html +12 -12
package/docs/interfaces/ControlBarConfig.html +12 -12
package/docs/interfaces/DynamicSettingsPanelItemConfig.html +19 -19
package/docs/interfaces/ErrorMessageMap.html +1 -1
package/docs/interfaces/ErrorMessageOverlayConfig.html +13 -13
package/docs/interfaces/ErrorMessageTranslator.html +1 -1
package/docs/interfaces/ExternalRecommendationLink.html +3 -3
package/docs/interfaces/IconConfig.html +12 -12
package/docs/interfaces/InternalUIConfig.html +15 -15
package/docs/interfaces/LabelConfig.html +14 -14
package/docs/interfaces/ListBoxConfig.html +22 -17
package/docs/interfaces/ListItem.html +2 -2
package/docs/interfaces/ListItemFilter.html +1 -1
package/docs/interfaces/ListItemLabelTranslator.html +1 -1
package/docs/interfaces/ListSelectorConfig.html +11 -11
package/docs/interfaces/LocalizationConfig.html +3 -3
package/docs/interfaces/MetadataLabelConfig.html +15 -15
package/docs/interfaces/PlaybackTimeLabelConfig.html +16 -16
package/docs/interfaces/PlaybackToggleButtonConfig.html +19 -19
package/docs/interfaces/PlaybackToggleOverlayConfig.html +13 -13
package/docs/interfaces/PlayerUtils.LiveStreamDetectorEventArgs.html +2 -2
package/docs/interfaces/PlayerUtils.TimeShiftAvailabilityChangedArgs.html +2 -2
package/docs/interfaces/QuickSeekButtonConfig.html +15 -15
package/docs/interfaces/RecommendationConfig.html +4 -4
package/docs/interfaces/RecommendationItemConfig.html +12 -12
package/docs/interfaces/SeekBarConfig.html +19 -19
package/docs/interfaces/SeekBarLabelConfig.html +12 -12
package/docs/interfaces/SeekBarMarker.html +2 -2
package/docs/interfaces/SeekPreviewArgs.html +3 -3
package/docs/interfaces/SeekPreviewEventArgs.html +4 -4
package/docs/interfaces/SettingsPanelConfig.html +20 -15
package/docs/interfaces/SettingsPanelItemConfig.html +17 -17
package/docs/interfaces/SettingsPanelPageConfig.html +13 -13
package/docs/interfaces/SettingsToggleButtonConfig.html +20 -20
package/docs/interfaces/SubtitleSettingSelectBoxConfig.html +11 -11
package/docs/interfaces/SubtitleSettingsPanelPageConfig.html +13 -13
package/docs/interfaces/TimelineMarker.html +6 -6
package/docs/interfaces/TitleBarConfig.html +13 -13
package/docs/interfaces/ToggleButtonConfig.html +18 -18
package/docs/interfaces/UIConditionContext.html +10 -10
package/docs/interfaces/UIConditionResolver.html +1 -1
package/docs/interfaces/UIConfig.html +14 -14
package/docs/interfaces/UIContainerConfig.html +20 -16
package/docs/interfaces/UIUtils.TreeTraversalCallback.html +1 -1
package/docs/interfaces/UIVariant.html +2 -2
package/docs/interfaces/ViewModeChangedEventArgs.html +2 -2
package/docs/interfaces/Vocabularies.html +1 -1
package/docs/interfaces/Vocabulary.html +2 -2
package/docs/interfaces/VolumeControlButtonConfig.html +14 -14
package/docs/interfaces/VolumeSliderConfig.html +21 -21
package/docs/interfaces/WatermarkConfig.html +15 -15
package/docs/interfaces/WrappedPlayer.html +2 -2
package/docs/media/CHANGELOG.md +20 -0
package/docs/types/CustomVocabulary.html +1 -1
package/docs/types/LocalizableText.html +1 -1
package/docs/types/Localizer.html +1 -1
package/docs/variables/ErrorUtils.defaultErrorMessages.html +1 -1
package/docs/variables/ErrorUtils.defaultWebErrorMessageTranslator.html +1 -1
package/docs/variables/StringUtils.FORMAT_HHMMSS.html +1 -1
package/docs/variables/StringUtils.FORMAT_MMSS.html +1 -1
package/docs/variables/i18n.html +1 -1
package/docs/variables/version.html +1 -1
package/package.json +1 -1
package/src/ts/DOM.ts +18 -18
package/src/ts/EventDispatcher.ts +5 -5
package/src/ts/UIFactory.ts +8 -9
package/src/ts/UIManager.ts +29 -29
package/src/ts/components/CastUIContainer.ts +6 -6
package/src/ts/components/Component.ts +3 -3
package/src/ts/components/Container.ts +5 -5
package/src/ts/components/RecommendationItem.ts +2 -2
package/src/ts/components/TvNoiseCanvas.ts +3 -3
package/src/ts/components/UIContainer.ts +57 -14
package/src/ts/components/ads/AdClickOverlay.ts +2 -2
package/src/ts/components/ads/AdMessageLabel.ts +47 -20
package/src/ts/components/ads/AdSkipButton.ts +5 -5
package/src/ts/components/buttons/Button.ts +1 -1
package/src/ts/components/buttons/CastToggleButton.ts +1 -1
package/src/ts/components/buttons/CloseButton.ts +1 -1
package/src/ts/components/buttons/HugePlaybackToggleButton.ts +3 -3
package/src/ts/components/buttons/PlaybackToggleButton.ts +3 -3
package/src/ts/components/buttons/QuickSeekButton.ts +1 -1
package/src/ts/components/buttons/SmallCenteredPlaybackToggleButton.ts +1 -1
package/src/ts/components/buttons/VRToggleButton.ts +4 -4
package/src/ts/components/buttons/VolumeControlButton.ts +2 -2
package/src/ts/components/labels/Label.ts +1 -1
package/src/ts/components/labels/MetadataLabel.ts +4 -4
package/src/ts/components/labels/PlaybackTimeLabel.ts +13 -13
package/src/ts/components/lists/ItemSelectionList.ts +3 -3
package/src/ts/components/lists/ListSelector.ts +4 -4
package/src/ts/components/overlays/CastStatusOverlay.ts +2 -2
package/src/ts/components/overlays/ClickOverlay.ts +1 -1
package/src/ts/components/overlays/DismissClickOverlay.ts +7 -2
package/src/ts/components/overlays/ErrorMessageOverlay.ts +2 -2
package/src/ts/components/overlays/RecommendationOverlay.ts +2 -2
package/src/ts/components/overlays/SubtitleOverlay.ts +10 -10
package/src/ts/components/seekbar/SeekBar.ts +37 -37
package/src/ts/components/seekbar/SeekBarLabel.ts +15 -15
package/src/ts/components/seekbar/VolumeSlider.ts +1 -1
package/src/ts/components/settings/AudioQualitySelectBox.ts +4 -4
package/src/ts/components/settings/DynamicSettingsPanelItem.ts +3 -3
package/src/ts/components/settings/SelectBox.ts +3 -3
package/src/ts/components/settings/SettingsPanel.ts +137 -10
package/src/ts/components/settings/SettingsPanelItem.ts +1 -1
package/src/ts/components/settings/SettingsPanelPage.ts +4 -4
package/src/ts/components/settings/SettingsPanelSelectOption.ts +1 -1
package/src/ts/components/settings/SettingsToggleButton.ts +3 -3
package/src/ts/components/settings/VideoQualitySelectBox.ts +4 -4
package/src/ts/components/settings/subtitlesettings/BackgroundColorSelectBox.ts +1 -1
package/src/ts/components/settings/subtitlesettings/FontColorSelectBox.ts +1 -1
package/src/ts/components/settings/subtitlesettings/WindowColorSelectBox.ts +1 -1
package/src/ts/main.ts +2 -2
package/src/ts/spatialnavigation/NavigationGroup.ts +2 -2
package/src/ts/spatialnavigation/SettingsPanelNavigationGroup.ts +1 -1
package/src/ts/utils/ArrayUtils.ts +1 -1
package/src/ts/utils/AudioTrackUtils.ts +1 -1
package/src/ts/utils/ImageLoader.ts +2 -2
package/src/ts/utils/PlayerUtils.ts +4 -4
package/src/ts/utils/StorageUtils.ts +3 -3
package/src/ts/utils/StringUtils.ts +17 -17
package/src/ts/utils/SubtitleSettingsManager.ts +3 -3
package/src/ts/utils/SubtitleUtils.ts +1 -1
package/src/ts/utils/UIUtils.ts +2 -2

package/docs/classes/ListBox.html CHANGED Viewed

@@ -14,7 +14,7 @@ components: […]
 settingsPanel.addComponent(secondSettingsPanelPage);</p>
 <p>For an example how to navigate between pages</p>
 </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link" id="see">See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>SettingsPanelPageNavigatorButton</p>
-</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="9003"><h4>Hierarchy (<a href="../hierarchy.html#ListBox">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">ListBox</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="SubtitleListBox.html" class="tsd-signature-type tsd-kind-class">SubtitleListBox</a></li><li class="tsd-hierarchy-item"><a href="AudioTrackListBox.html" class="tsd-signature-type tsd-kind-class">AudioTrackListBox</a></li></ul></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/lists/ListBox.ts#L22">src/ts/components/lists/ListBox.ts:22</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="9041"><h4>Hierarchy (<a href="../hierarchy.html#ListBox">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">ListBox</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="SubtitleListBox.html" class="tsd-signature-type tsd-kind-class">SubtitleListBox</a></li><li class="tsd-hierarchy-item"><a href="AudioTrackListBox.html" class="tsd-signature-type tsd-kind-class">AudioTrackListBox</a></li></ul></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/lists/ListBox.ts#L22">src/ts/components/lists/ListBox.ts:22</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
 </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#onactivepagechanged" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Active<wbr/>Page<wbr/>Changed</span></a>
 <a href="#ondisabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Disabled</span></a>
 <a href="#onenabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Enabled</span></a>
@@ -37,6 +37,7 @@ settingsPanel.addComponent(secondSettingsPanelPage);</p>
 <a href="#getrootpage" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Root<wbr/>Page</span></a>
 <a href="#hasdomelement" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>has<wbr/>Dom<wbr/>Element</span></a>
 <a href="#hide" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>hide</span></a>
+<a href="#hideandreset" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>hide<wbr/>And<wbr/>Reset</span></a>
 <a href="#initialize" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>initialize</span></a>
 <a href="#isdisabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Disabled</span></a>
 <a href="#isenabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Enabled</span></a>
@@ -57,82 +58,82 @@ settingsPanel.addComponent(secondSettingsPanelPage);</p>
 <a href="#show" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>show</span></a>
 <a href="#togglehidden" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>toggle<wbr/>Hidden</span></a>
 <a href="#updatecomponents" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Components</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorlistbox"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">ListBox</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">config</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">ListBox</a><a href="#constructorlistbox" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">config</span>: <a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">ListBox</a></h4><aside class="tsd-sources"><p>Overrides <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/lists/ListBox.ts#L26">src/ts/components/lists/ListBox.ts:26</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onactivepagechanged"><span>on<wbr/>Active<wbr/>Page<wbr/>Changed</span><a href="#onactivepagechanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onactivepagechangedonactivepagechanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onActivePageChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SettingsPanelConfig.html" class="tsd-signature-type tsd-kind-interface">SettingsPanelConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SettingsPanelConfig.html" class="tsd-signature-type tsd-kind-interface">SettingsPanelConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onActivePageChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L285">src/ts/components/settings/SettingsPanel.ts:285</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ondisabled"><span>on<wbr/>Disabled</span><a href="#ondisabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="ondisabledondisabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onDisabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is disabling.
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorlistbox"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">ListBox</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">config</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">ListBox</a><a href="#constructorlistbox" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">config</span>: <a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">ListBox</a></h4><aside class="tsd-sources"><p>Overrides <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/lists/ListBox.ts#L26">src/ts/components/lists/ListBox.ts:26</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onactivepagechanged"><span>on<wbr/>Active<wbr/>Page<wbr/>Changed</span><a href="#onactivepagechanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onactivepagechangedonactivepagechanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onActivePageChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SettingsPanelConfig.html" class="tsd-signature-type tsd-kind-interface">SettingsPanelConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SettingsPanelConfig.html" class="tsd-signature-type tsd-kind-interface">SettingsPanelConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onActivePageChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L341">src/ts/components/settings/SettingsPanel.ts:341</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ondisabled"><span>on<wbr/>Disabled</span><a href="#ondisabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="ondisabledondisabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onDisabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is disabling.
 See the detailed explanation on event architecture on the #componentEvents events list.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onDisabled</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L594">src/ts/components/Component.ts:594</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onenabled"><span>on<wbr/>Enabled</span><a href="#onenabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onenabledonenabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onEnabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is enabling.
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onDisabled</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L594">src/ts/components/Component.ts:594</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onenabled"><span>on<wbr/>Enabled</span><a href="#onenabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onenabledonenabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onEnabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is enabling.
 See the detailed explanation on event architecture on the #componentEvents events list.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onEnabled</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L585">src/ts/components/Component.ts:585</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onfocusedchanged"><span>on<wbr/>Focused<wbr/>Changed</span><a href="#onfocusedchanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onfocusedchangedonfocusedchanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onFocusedChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ComponentFocusChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ComponentFocusChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component's focus-state is changing.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ComponentFocusChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ComponentFocusChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onFocusedChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L618">src/ts/components/Component.ts:618</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onhide"><span>on<wbr/>Hide</span><a href="#onhide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onhideonhide"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onHide</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is hiding.
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onEnabled</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L585">src/ts/components/Component.ts:585</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onfocusedchanged"><span>on<wbr/>Focused<wbr/>Changed</span><a href="#onfocusedchanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onfocusedchangedonfocusedchanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onFocusedChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ComponentFocusChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ComponentFocusChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component's focus-state is changing.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ComponentFocusChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ComponentFocusChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onFocusedChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L618">src/ts/components/Component.ts:618</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onhide"><span>on<wbr/>Hide</span><a href="#onhide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onhideonhide"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onHide</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is hiding.
 See the detailed explanation on event architecture on the #componentEvents events list.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onHide</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L576">src/ts/components/Component.ts:576</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onhoverchanged"><span>on<wbr/>Hover<wbr/>Changed</span><a href="#onhoverchanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onhoverchangedonhoverchanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onHoverChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ComponentHoverChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ComponentHoverChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component's hover-state is changing.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ComponentHoverChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ComponentHoverChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onHoverChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L602">src/ts/components/Component.ts:602</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onsettingsstatechanged"><span>on<wbr/>Settings<wbr/>State<wbr/>Changed</span><a href="#onsettingsstatechanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onsettingsstatechangedonsettingsstatechanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onSettingsStateChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SettingsPanelConfig.html" class="tsd-signature-type tsd-kind-interface">SettingsPanelConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SettingsPanelConfig.html" class="tsd-signature-type tsd-kind-interface">SettingsPanelConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onSettingsStateChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L281">src/ts/components/settings/SettingsPanel.ts:281</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onshow"><span>on<wbr/>Show</span><a href="#onshow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onshowonshow"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onShow</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is showing.
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onHide</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L576">src/ts/components/Component.ts:576</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onhoverchanged"><span>on<wbr/>Hover<wbr/>Changed</span><a href="#onhoverchanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onhoverchangedonhoverchanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onHoverChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ComponentHoverChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ComponentHoverChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component's hover-state is changing.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ComponentHoverChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ComponentHoverChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onHoverChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L602">src/ts/components/Component.ts:602</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onsettingsstatechanged"><span>on<wbr/>Settings<wbr/>State<wbr/>Changed</span><a href="#onsettingsstatechanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onsettingsstatechangedonsettingsstatechanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onSettingsStateChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SettingsPanelConfig.html" class="tsd-signature-type tsd-kind-interface">SettingsPanelConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="SettingsPanel.html" class="tsd-signature-type tsd-kind-class">SettingsPanel</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SettingsPanelConfig.html" class="tsd-signature-type tsd-kind-interface">SettingsPanelConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onSettingsStateChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L337">src/ts/components/settings/SettingsPanel.ts:337</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onshow"><span>on<wbr/>Show</span><a href="#onshow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onshowonshow"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onShow</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is showing.
 See the detailed explanation on event architecture on the #componentEvents events list.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onShow</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L567">src/ts/components/Component.ts:567</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onviewmodechanged"><span>on<wbr/>View<wbr/>Mode<wbr/>Changed</span><a href="#onviewmodechanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onviewmodechangedonviewmodechanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onViewModeChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ViewModeChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ViewModeChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the <code>ViewMode</code> of this component has changed.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ViewModeChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ViewModeChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onViewModeChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L610">src/ts/components/Component.ts:610</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="addcomponent"><span>add<wbr/>Component</span><a href="#addcomponent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="addcomponent-1"><span class="tsd-kind-call-signature">addComponent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">component</span><span class="tsd-signature-symbol">:</span> <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#addcomponent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Adds a child component to the container.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onShow</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L567">src/ts/components/Component.ts:567</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onviewmodechanged"><span>on<wbr/>View<wbr/>Mode<wbr/>Changed</span><a href="#onviewmodechanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="onviewmodechangedonviewmodechanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onViewModeChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ViewModeChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ViewModeChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the <code>ViewMode</code> of this component has changed.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ViewModeChangedEventArgs.html" class="tsd-signature-type tsd-kind-interface">ViewModeChangedEventArgs</a><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><p>Inherited from SettingsPanel.onViewModeChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L610">src/ts/components/Component.ts:610</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="addcomponent"><span>add<wbr/>Component</span><a href="#addcomponent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="addcomponent-1"><span class="tsd-kind-call-signature">addComponent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">component</span><span class="tsd-signature-symbol">:</span> <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#addcomponent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Adds a child component to the container.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">component</span>: <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span></span><div class="tsd-comment tsd-typography"><p>the component to add</p>
-</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#addcomponent">addComponent</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L297">src/ts/components/settings/SettingsPanel.ts:297</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="addpage"><span>add<wbr/>Page</span><a href="#addpage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="addpage-1"><span class="tsd-kind-call-signature">addPage</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">page</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#addpage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">page</span>: <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#addpage">addPage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L305">src/ts/components/settings/SettingsPanel.ts:305</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="configure"><span>configure</span><a href="#configure" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="configure-1"><span class="tsd-kind-call-signature">configure</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">player</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">PlayerAPI</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">uimanager</span><span class="tsd-signature-symbol">:</span> <a href="UIInstanceManager.html" class="tsd-signature-type tsd-kind-class">UIInstanceManager</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#configure-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Configures the component for the supplied Player and UIInstanceManager. This is the place where all the magic
+</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#addcomponent">addComponent</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L359">src/ts/components/settings/SettingsPanel.ts:359</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="addpage"><span>add<wbr/>Page</span><a href="#addpage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="addpage-1"><span class="tsd-kind-call-signature">addPage</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">page</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#addpage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">page</span>: <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#addpage">addPage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L367">src/ts/components/settings/SettingsPanel.ts:367</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="configure"><span>configure</span><a href="#configure" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="configure-1"><span class="tsd-kind-call-signature">configure</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">player</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">PlayerAPI</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">uimanager</span><span class="tsd-signature-symbol">:</span> <a href="UIInstanceManager.html" class="tsd-signature-type tsd-kind-class">UIInstanceManager</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#configure-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Configures the component for the supplied Player and UIInstanceManager. This is the place where all the magic
 happens, where components typically subscribe and react to events (on their DOM element, the Player, or the
 UIInstanceManager), and basically everything that makes them interactive.
 This method is called only once, when the UIManager initializes the UI.</p>
 <p>Subclasses usually overwrite this method to add their own functionality.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">player</span>: <span class="tsd-signature-type">PlayerAPI</span></span><div class="tsd-comment tsd-typography"><p>the player which this component controls</p>
 </div></li><li><span><span class="tsd-kind-parameter">uimanager</span>: <a href="UIInstanceManager.html" class="tsd-signature-type tsd-kind-class">UIInstanceManager</a></span><div class="tsd-comment tsd-typography"><p>the UIInstanceManager that manages this component</p>
-</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#configure">configure</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/lists/ListBox.ts#L55">src/ts/components/lists/ListBox.ts:55</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Disables the component.
+</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#configure">configure</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/lists/ListBox.ts#L55">src/ts/components/lists/ListBox.ts:55</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Disables the component.
 This method basically transfers the component into the disabled state. Actual disabling is done via CSS or child
 components. (e.g. Button needs to unsubscribe click listeners)</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#disable">disable</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L459">src/ts/components/Component.ts:459</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables the component.
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#disable">disable</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L459">src/ts/components/Component.ts:459</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables the component.
 This method basically transfers the component into the enabled state. Actual enabling is done via CSS or child
 components. (e.g. Button needs to subscribe click listeners)</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#enable">enable</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L472">src/ts/components/Component.ts:472</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getactivepage"><span>get<wbr/>Active<wbr/>Page</span><a href="#getactivepage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getactivepage-1"><span class="tsd-kind-call-signature">getActivePage</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><a href="#getactivepage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the current active / visible page</p>
-</div><h4 class="tsd-returns-title">Returns <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getactivepage">getActivePage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L185">src/ts/components/settings/SettingsPanel.ts:185</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getcomponents"><span>get<wbr/>Components</span><a href="#getcomponents" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getcomponents-1"><span class="tsd-kind-call-signature">getComponents</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[]</span><a href="#getcomponents-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets an array of all child components in this container.</p>
-</div><h4 class="tsd-returns-title">Returns <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getcomponents">getComponents</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Container.ts#L103">src/ts/components/Container.ts:103</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getconfig"><span>get<wbr/>Config</span><a href="#getconfig" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getconfig-1"><span class="tsd-kind-call-signature">getConfig</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a><a href="#getconfig-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the configuration object of the component.</p>
-</div><h4 class="tsd-returns-title">Returns <a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getconfig">getConfig</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L400">src/ts/components/Component.ts:400</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getdomelement"><span>get<wbr/>Dom<wbr/>Element</span><a href="#getdomelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getdomelement-1"><span class="tsd-kind-call-signature">getDomElement</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DOM</span><a href="#getdomelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the DOM element of this component. Creates the DOM element if it does not yet exist.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#enable">enable</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L472">src/ts/components/Component.ts:472</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getactivepage"><span>get<wbr/>Active<wbr/>Page</span><a href="#getactivepage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getactivepage-1"><span class="tsd-kind-call-signature">getActivePage</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><a href="#getactivepage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the current active / visible page</p>
+</div><h4 class="tsd-returns-title">Returns <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getactivepage">getActivePage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L241">src/ts/components/settings/SettingsPanel.ts:241</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getcomponents"><span>get<wbr/>Components</span><a href="#getcomponents" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getcomponents-1"><span class="tsd-kind-call-signature">getComponents</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[]</span><a href="#getcomponents-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets an array of all child components in this container.</p>
+</div><h4 class="tsd-returns-title">Returns <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getcomponents">getComponents</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Container.ts#L103">src/ts/components/Container.ts:103</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getconfig"><span>get<wbr/>Config</span><a href="#getconfig" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getconfig-1"><span class="tsd-kind-call-signature">getConfig</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a><a href="#getconfig-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the configuration object of the component.</p>
+</div><h4 class="tsd-returns-title">Returns <a href="../interfaces/ListBoxConfig.html" class="tsd-signature-type tsd-kind-interface">ListBoxConfig</a></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getconfig">getConfig</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L400">src/ts/components/Component.ts:400</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getdomelement"><span>get<wbr/>Dom<wbr/>Element</span><a href="#getdomelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getdomelement-1"><span class="tsd-kind-call-signature">getDomElement</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DOM</span><a href="#getdomelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the DOM element of this component. Creates the DOM element if it does not yet exist.</p>
 <p>Should not be overwritten by subclasses.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">DOM</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getdomelement">getDomElement</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L335">src/ts/components/Component.ts:335</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getpages"><span>get<wbr/>Pages</span><a href="#getpages" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getpages-1"><span class="tsd-kind-call-signature">getPages</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><span class="tsd-signature-symbol">[]</span><a href="#getpages-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Return all configured pages</p>
-</div><h4 class="tsd-returns-title">Returns <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getpages">getPages</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L269">src/ts/components/settings/SettingsPanel.ts:269</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getrootpage"><span>get<wbr/>Root<wbr/>Page</span><a href="#getrootpage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getrootpage-1"><span class="tsd-kind-call-signature">getRootPage</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><a href="#getrootpage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the root page of the settings panel.</p>
-</div><h4 class="tsd-returns-title">Returns <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getrootpage">getRootPage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L277">src/ts/components/settings/SettingsPanel.ts:277</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="hasdomelement"><span>has<wbr/>Dom<wbr/>Element</span><a href="#hasdomelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="hasdomelement-1"><span class="tsd-kind-call-signature">hasDomElement</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#hasdomelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Checks if this component has a DOM element.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#hasdomelement">hasDomElement</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L346">src/ts/components/Component.ts:346</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="hide"><span>hide</span><a href="#hide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="hide-1"><span class="tsd-kind-call-signature">hide</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#hide-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Hides the component if shown.
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">DOM</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getdomelement">getDomElement</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L335">src/ts/components/Component.ts:335</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getpages"><span>get<wbr/>Pages</span><a href="#getpages" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getpages-1"><span class="tsd-kind-call-signature">getPages</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><span class="tsd-signature-symbol">[]</span><a href="#getpages-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Return all configured pages</p>
+</div><h4 class="tsd-returns-title">Returns <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getpages">getPages</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L325">src/ts/components/settings/SettingsPanel.ts:325</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getrootpage"><span>get<wbr/>Root<wbr/>Page</span><a href="#getrootpage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getrootpage-1"><span class="tsd-kind-call-signature">getRootPage</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><a href="#getrootpage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the root page of the settings panel.</p>
+</div><h4 class="tsd-returns-title">Returns <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#getrootpage">getRootPage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L333">src/ts/components/settings/SettingsPanel.ts:333</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="hasdomelement"><span>has<wbr/>Dom<wbr/>Element</span><a href="#hasdomelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="hasdomelement-1"><span class="tsd-kind-call-signature">hasDomElement</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#hasdomelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Checks if this component has a DOM element.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#hasdomelement">hasDomElement</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L346">src/ts/components/Component.ts:346</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="hide"><span>hide</span><a href="#hide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="hide-1"><span class="tsd-kind-call-signature">hide</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#hide-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Hides the component if shown.
 This method basically transfers the component into the hidden state. Actual hiding is done via CSS.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#hide">hide</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L408">src/ts/components/Component.ts:408</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="initialize"><span>initialize</span><a href="#initialize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="initialize-1"><span class="tsd-kind-call-signature">initialize</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#initialize-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Initializes the component, e.g. by applying config settings.
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#hide">hide</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L408">src/ts/components/Component.ts:408</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="hideandreset"><span>hide<wbr/>And<wbr/>Reset</span><a href="#hideandreset" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="hideandreset-1"><span class="tsd-kind-call-signature">hideAndReset</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#hideandreset-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#hideandreset">hideAndReset</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L345">src/ts/components/settings/SettingsPanel.ts:345</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="initialize"><span>initialize</span><a href="#initialize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="initialize-1"><span class="tsd-kind-call-signature">initialize</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#initialize-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Initializes the component, e.g. by applying config settings.
 This method must not be called from outside the UI framework.</p>
 <p>This method is automatically called by the <a href="UIInstanceManager.html" class="tsd-kind-class">UIInstanceManager</a>. If the component is an inner component of
 some component, and thus encapsulated abd managed internally and never directly exposed to the UIManager,
 this method must be called from the managing component's #initialize method.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#initialize">initialize</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L252">src/ts/components/Component.ts:252</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="isdisabled"><span>is<wbr/>Disabled</span><a href="#isdisabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="isdisabled-1"><span class="tsd-kind-call-signature">isDisabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isdisabled-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is disabled.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#initialize">initialize</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L252">src/ts/components/Component.ts:252</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="isdisabled"><span>is<wbr/>Disabled</span><a href="#isdisabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="isdisabled-1"><span class="tsd-kind-call-signature">isDisabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isdisabled-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is disabled.</p>
 </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if the component is disabled, else false</p>
-<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#isdisabled">isDisabled</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L484">src/ts/components/Component.ts:484</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="isenabled"><span>is<wbr/>Enabled</span><a href="#isenabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="isenabled-1"><span class="tsd-kind-call-signature">isEnabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isenabled-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is enabled.</p>
+<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#isdisabled">isDisabled</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L484">src/ts/components/Component.ts:484</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="isenabled"><span>is<wbr/>Enabled</span><a href="#isenabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="isenabled-1"><span class="tsd-kind-call-signature">isEnabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isenabled-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is enabled.</p>
 </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if the component is enabled, else false</p>
-<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#isenabled">isEnabled</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L492">src/ts/components/Component.ts:492</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ishidden"><span>is<wbr/>Hidden</span><a href="#ishidden" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="ishidden-1"><span class="tsd-kind-call-signature">isHidden</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#ishidden-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is hidden.</p>
+<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#isenabled">isEnabled</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L492">src/ts/components/Component.ts:492</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ishidden"><span>is<wbr/>Hidden</span><a href="#ishidden" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="ishidden-1"><span class="tsd-kind-call-signature">isHidden</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#ishidden-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is hidden.</p>
 </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if the component is hidden, else false</p>
-<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#ishidden">isHidden</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L431">src/ts/components/Component.ts:431</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ishovered"><span>is<wbr/>Hovered</span><a href="#ishovered" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="ishovered-1"><span class="tsd-kind-call-signature">isHovered</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#ishovered-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is currently hovered.</p>
+<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#ishidden">isHidden</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L431">src/ts/components/Component.ts:431</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ishovered"><span>is<wbr/>Hovered</span><a href="#ishovered" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="ishovered-1"><span class="tsd-kind-call-signature">isHovered</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#ishovered-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is currently hovered.</p>
 </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if the component is hovered, else false</p>
-<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#ishovered">isHovered</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L500">src/ts/components/Component.ts:500</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="isshown"><span>is<wbr/>Shown</span><a href="#isshown" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="isshown-1"><span class="tsd-kind-call-signature">isShown</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isshown-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is shown.</p>
+<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#ishovered">isHovered</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L500">src/ts/components/Component.ts:500</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="isshown"><span>is<wbr/>Shown</span><a href="#isshown" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="isshown-1"><span class="tsd-kind-call-signature">isShown</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isshown-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines if the component is shown.</p>
 </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if the component is visible, else false</p>
-<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#isshown">isShown</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L439">src/ts/components/Component.ts:439</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="popsettingspanelpage"><span>pop<wbr/>Settings<wbr/>Panel<wbr/>Page</span><a href="#popsettingspanelpage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="popsettingspanelpage-1"><span class="tsd-kind-call-signature">popSettingsPanelPage</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#popsettingspanelpage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes the current page from the navigation stack and makes the previous one visible.
+<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#isshown">isShown</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L439">src/ts/components/Component.ts:439</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="popsettingspanelpage"><span>pop<wbr/>Settings<wbr/>Panel<wbr/>Page</span><a href="#popsettingspanelpage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="popsettingspanelpage-1"><span class="tsd-kind-call-signature">popSettingsPanelPage</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#popsettingspanelpage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes the current page from the navigation stack and makes the previous one visible.
 Results in a no-op if we are already on the root page.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#popsettingspanelpage">popSettingsPanelPage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L230">src/ts/components/settings/SettingsPanel.ts:230</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="poptorootsettingspanelpage"><span>pop<wbr/>To<wbr/>Root<wbr/>Settings<wbr/>Panel<wbr/>Page</span><a href="#poptorootsettingspanelpage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="poptorootsettingspanelpage-1"><span class="tsd-kind-call-signature">popToRootSettingsPanelPage</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#poptorootsettingspanelpage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Resets the navigation stack by navigating back to the root page and displaying it.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#poptorootsettingspanelpage">popToRootSettingsPanelPage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L222">src/ts/components/settings/SettingsPanel.ts:222</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="prependcomponent"><span>prepend<wbr/>Component</span><a href="#prependcomponent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="prependcomponent-1"><span class="tsd-kind-call-signature">prependComponent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">component</span><span class="tsd-signature-symbol">:</span> <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#prependcomponent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Adds a child component as the first component in the container.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#popsettingspanelpage">popSettingsPanelPage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L286">src/ts/components/settings/SettingsPanel.ts:286</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="poptorootsettingspanelpage"><span>pop<wbr/>To<wbr/>Root<wbr/>Settings<wbr/>Panel<wbr/>Page</span><a href="#poptorootsettingspanelpage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="poptorootsettingspanelpage-1"><span class="tsd-kind-call-signature">popToRootSettingsPanelPage</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#poptorootsettingspanelpage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Resets the navigation stack by navigating back to the root page and displaying it.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#poptorootsettingspanelpage">popToRootSettingsPanelPage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L278">src/ts/components/settings/SettingsPanel.ts:278</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="prependcomponent"><span>prepend<wbr/>Component</span><a href="#prependcomponent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="prependcomponent-1"><span class="tsd-kind-call-signature">prependComponent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">component</span><span class="tsd-signature-symbol">:</span> <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#prependcomponent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Adds a child component as the first component in the container.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">component</span>: <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span></span><div class="tsd-comment tsd-typography"><p>the component to add</p>
-</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#prependcomponent">prependComponent</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Container.ts#L80">src/ts/components/Container.ts:80</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="release"><span>release</span><a href="#release" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="release-1"><span class="tsd-kind-call-signature">release</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#release-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Releases all resources and dependencies that the component holds. Player, DOM, and UIManager events are
+</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#prependcomponent">prependComponent</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Container.ts#L80">src/ts/components/Container.ts:80</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="release"><span>release</span><a href="#release" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="release-1"><span class="tsd-kind-call-signature">release</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#release-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Releases all resources and dependencies that the component holds. Player, DOM, and UIManager events are
 automatically removed during release and do not explicitly need to be removed here.
 This method is called by the UIManager when it releases the UI.</p>
 <p>Subclasses that need to release resources should override this method and call super.release().</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#release">release</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L289">src/ts/components/settings/SettingsPanel.ts:289</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="removecomponent"><span>remove<wbr/>Component</span><a href="#removecomponent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="removecomponent-1"><span class="tsd-kind-call-signature">removeComponent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">component</span><span class="tsd-signature-symbol">:</span> <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#removecomponent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes a child component from the container.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#release">release</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L351">src/ts/components/settings/SettingsPanel.ts:351</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="removecomponent"><span>remove<wbr/>Component</span><a href="#removecomponent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="removecomponent-1"><span class="tsd-kind-call-signature">removeComponent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">component</span><span class="tsd-signature-symbol">:</span> <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#removecomponent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes a child component from the container.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">component</span>: <a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/ComponentConfig.html" class="tsd-signature-type tsd-kind-interface">ComponentConfig</a><span class="tsd-signature-symbol">&gt;</span></span><div class="tsd-comment tsd-typography"><p>the component to remove</p>
 </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if the component has been removed, false if it is not contained in this container</p>
-<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#removecomponent">removeComponent</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Container.ts#L90">src/ts/components/Container.ts:90</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="removecomponents"><span>remove<wbr/>Components</span><a href="#removecomponents" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="removecomponents-1"><span class="tsd-kind-call-signature">removeComponents</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removecomponents-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes all child components from the container.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#removecomponents">removeComponents</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Container.ts#L110">src/ts/components/Container.ts:110</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="rootpagehasactivesettings"><span>root<wbr/>Page<wbr/>Has<wbr/>Active<wbr/>Settings</span><a href="#rootpagehasactivesettings" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="rootpagehasactivesettings-1"><span class="tsd-kind-call-signature">rootPageHasActiveSettings</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#rootpagehasactivesettings-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Checks if there are active settings within the root page of the settings panel.
+<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#removecomponent">removeComponent</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Container.ts#L90">src/ts/components/Container.ts:90</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="removecomponents"><span>remove<wbr/>Components</span><a href="#removecomponents" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="removecomponents-1"><span class="tsd-kind-call-signature">removeComponents</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removecomponents-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes all child components from the container.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#removecomponents">removeComponents</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Container.ts#L110">src/ts/components/Container.ts:110</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="rootpagehasactivesettings"><span>root<wbr/>Page<wbr/>Has<wbr/>Active<wbr/>Settings</span><a href="#rootpagehasactivesettings" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="rootpagehasactivesettings-1"><span class="tsd-kind-call-signature">rootPageHasActiveSettings</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#rootpagehasactivesettings-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Checks if there are active settings within the root page of the settings panel.
 An active setting is a setting that is visible and enabled, which the user can interact with.</p>
 </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if there are active settings, false if the panel is functionally empty to a user</p>
-<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#rootpagehasactivesettings">rootPageHasActiveSettings</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L261">src/ts/components/settings/SettingsPanel.ts:261</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setactivepage"><span>set<wbr/>Active<wbr/>Page</span><a href="#setactivepage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setactivepage-1"><span class="tsd-kind-call-signature">setActivePage</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">targetPage</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setactivepage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Adds the passed page to the navigation stack and makes it visible.
+<aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#rootpagehasactivesettings">rootPageHasActiveSettings</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L317">src/ts/components/settings/SettingsPanel.ts:317</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setactivepage"><span>set<wbr/>Active<wbr/>Page</span><a href="#setactivepage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setactivepage-1"><span class="tsd-kind-call-signature">setActivePage</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">targetPage</span><span class="tsd-signature-symbol">:</span> <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setactivepage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Adds the passed page to the navigation stack and makes it visible.
 Use <a href="#popsettingspanelpage" class="tsd-kind-method">popSettingsPanelPage</a> to navigate backwards.</p>
 <p>Results in no-op if the target page is the current page.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">targetPage</span>: <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#setactivepage">setActivePage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L205">src/ts/components/settings/SettingsPanel.ts:205</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setactivepageindex"><span class="deprecated">set<wbr/>Active<wbr/>Page<wbr/>Index</span><a href="#setactivepageindex" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setactivepageindex-1"><span class="tsd-kind-call-signature">setActivePageIndex</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">index</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setactivepageindex-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Sets the</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">targetPage</span>: <a href="SettingsPanelPage.html" class="tsd-signature-type tsd-kind-class">SettingsPanelPage</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#setactivepage">setActivePage</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L261">src/ts/components/settings/SettingsPanel.ts:261</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setactivepageindex"><span class="deprecated">set<wbr/>Active<wbr/>Page<wbr/>Index</span><a href="#setactivepageindex" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setactivepageindex-1"><span class="tsd-kind-call-signature">setActivePageIndex</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">index</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setactivepageindex-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Sets the</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">index</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link" id="deprecated">Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="#setactivepage" class="tsd-kind-method">setActivePage</a> instead</p>
-</div></div><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#setactivepageindex">setActivePageIndex</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/settings/SettingsPanel.ts#L194">src/ts/components/settings/SettingsPanel.ts:194</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setariaattr"><span>set<wbr/>Aria<wbr/>Attr</span><a href="#setariaattr" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setariaattr-1"><span class="tsd-kind-call-signature">setAriaAttr</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setariaattr-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">value</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#setariaattr">setAriaAttr</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L354">src/ts/components/Component.ts:354</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setarialabel"><span>set<wbr/>Aria<wbr/>Label</span><a href="#setarialabel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setarialabel-1"><span class="tsd-kind-call-signature">setAriaLabel</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">label</span><span class="tsd-signature-symbol">:</span> <a href="../types/LocalizableText.html" class="tsd-signature-type tsd-kind-type-alias">LocalizableText</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setarialabel-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">label</span>: <a href="../types/LocalizableText.html" class="tsd-signature-type tsd-kind-type-alias">LocalizableText</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#setarialabel">setAriaLabel</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L350">src/ts/components/Component.ts:350</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="show"><span>show</span><a href="#show" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="show-1"><span class="tsd-kind-call-signature">show</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#show-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Shows the component if hidden.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#show">show</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L419">src/ts/components/Component.ts:419</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="togglehidden"><span>toggle<wbr/>Hidden</span><a href="#togglehidden" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="togglehidden-1"><span class="tsd-kind-call-signature">toggleHidden</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#togglehidden-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Toggles the hidden state by hiding the component if it is shown, or showing it if hidden.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#togglehidden">toggleHidden</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Component.ts#L446">src/ts/components/Component.ts:446</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="updatecomponents"><span>update<wbr/>Components</span><a href="#updatecomponents" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="updatecomponents-1"><span class="tsd-kind-call-signature">updateComponents</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#updatecomponents-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates the DOM of the container with the current components.</p>
+</div></div><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#setactivepageindex">setActivePageIndex</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/settings/SettingsPanel.ts#L250">src/ts/components/settings/SettingsPanel.ts:250</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setariaattr"><span>set<wbr/>Aria<wbr/>Attr</span><a href="#setariaattr" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setariaattr-1"><span class="tsd-kind-call-signature">setAriaAttr</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setariaattr-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">value</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#setariaattr">setAriaAttr</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L354">src/ts/components/Component.ts:354</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setarialabel"><span>set<wbr/>Aria<wbr/>Label</span><a href="#setarialabel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setarialabel-1"><span class="tsd-kind-call-signature">setAriaLabel</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">label</span><span class="tsd-signature-symbol">:</span> <a href="../types/LocalizableText.html" class="tsd-signature-type tsd-kind-type-alias">LocalizableText</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setarialabel-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">label</span>: <a href="../types/LocalizableText.html" class="tsd-signature-type tsd-kind-type-alias">LocalizableText</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#setarialabel">setAriaLabel</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L350">src/ts/components/Component.ts:350</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="show"><span>show</span><a href="#show" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="show-1"><span class="tsd-kind-call-signature">show</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#show-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Shows the component if hidden.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#show">show</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L419">src/ts/components/Component.ts:419</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="togglehidden"><span>toggle<wbr/>Hidden</span><a href="#togglehidden" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="togglehidden-1"><span class="tsd-kind-call-signature">toggleHidden</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#togglehidden-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Toggles the hidden state by hiding the component if it is shown, or showing it if hidden.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#togglehidden">toggleHidden</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Component.ts#L446">src/ts/components/Component.ts:446</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="updatecomponents"><span>update<wbr/>Components</span><a href="#updatecomponents" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="updatecomponents-1"><span class="tsd-kind-call-signature">updateComponents</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#updatecomponents-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates the DOM of the container with the current components.</p>
 <p>This is called automatically after construction. However, when you dynamically
 add or remove components at runtime, you must call <code>updateComponents()</code> to
 re-render the container’s children.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#updatecomponents">updateComponents</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/Container.ts#L123">src/ts/components/Container.ts:123</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#onactivepagechanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Active<wbr/>Page<wbr/>Changed</span></a><a href="#ondisabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Disabled</span></a><a href="#onenabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Enabled</span></a><a href="#onfocusedchanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Focused<wbr/>Changed</span></a><a href="#onhide" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Hide</span></a><a href="#onhoverchanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Hover<wbr/>Changed</span></a><a href="#onsettingsstatechanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Settings<wbr/>State<wbr/>Changed</span></a><a href="#onshow" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Show</span></a><a href="#onviewmodechanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>View<wbr/>Mode<wbr/>Changed</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#addcomponent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Component</span></a><a href="#addpage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Page</span></a><a href="#configure"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>configure</span></a><a href="#disable" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a><a href="#enable" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a><a href="#getactivepage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Active<wbr/>Page</span></a><a href="#getcomponents" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Components</span></a><a href="#getconfig" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Config</span></a><a href="#getdomelement" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Dom<wbr/>Element</span></a><a href="#getpages" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Pages</span></a><a href="#getrootpage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Root<wbr/>Page</span></a><a href="#hasdomelement" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>has<wbr/>Dom<wbr/>Element</span></a><a href="#hide" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>hide</span></a><a href="#initialize" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>initialize</span></a><a href="#isdisabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Disabled</span></a><a href="#isenabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Enabled</span></a><a href="#ishidden" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Hidden</span></a><a href="#ishovered" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Hovered</span></a><a href="#isshown" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Shown</span></a><a href="#popsettingspanelpage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>pop<wbr/>Settings<wbr/>Panel<wbr/>Page</span></a><a href="#poptorootsettingspanelpage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>pop<wbr/>To<wbr/>Root<wbr/>Settings<wbr/>Panel<wbr/>Page</span></a><a href="#prependcomponent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepend<wbr/>Component</span></a><a href="#release" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>release</span></a><a href="#removecomponent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Component</span></a><a href="#removecomponents" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Components</span></a><a href="#rootpagehasactivesettings" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>root<wbr/>Page<wbr/>Has<wbr/>Active<wbr/>Settings</span></a><a href="#setactivepage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Active<wbr/>Page</span></a><a href="#setactivepageindex" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Active<wbr/>Page<wbr/>Index</span></a><a href="#setariaattr" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Aria<wbr/>Attr</span></a><a href="#setarialabel" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Aria<wbr/>Label</span></a><a href="#show" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>show</span></a><a href="#togglehidden" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>toggle<wbr/>Hidden</span></a><a href="#updatecomponents" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Components</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">bitmovin-player-ui</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="SettingsPanel.html">SettingsPanel</a>.<a href="SettingsPanel.html#updatecomponents">updateComponents</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/Container.ts#L123">src/ts/components/Container.ts:123</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#onactivepagechanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Active<wbr/>Page<wbr/>Changed</span></a><a href="#ondisabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Disabled</span></a><a href="#onenabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Enabled</span></a><a href="#onfocusedchanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Focused<wbr/>Changed</span></a><a href="#onhide" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Hide</span></a><a href="#onhoverchanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Hover<wbr/>Changed</span></a><a href="#onsettingsstatechanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Settings<wbr/>State<wbr/>Changed</span></a><a href="#onshow" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Show</span></a><a href="#onviewmodechanged" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>View<wbr/>Mode<wbr/>Changed</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#addcomponent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Component</span></a><a href="#addpage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Page</span></a><a href="#configure"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>configure</span></a><a href="#disable" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a><a href="#enable" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a><a href="#getactivepage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Active<wbr/>Page</span></a><a href="#getcomponents" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Components</span></a><a href="#getconfig" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Config</span></a><a href="#getdomelement" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Dom<wbr/>Element</span></a><a href="#getpages" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Pages</span></a><a href="#getrootpage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Root<wbr/>Page</span></a><a href="#hasdomelement" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>has<wbr/>Dom<wbr/>Element</span></a><a href="#hide" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>hide</span></a><a href="#hideandreset" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>hide<wbr/>And<wbr/>Reset</span></a><a href="#initialize" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>initialize</span></a><a href="#isdisabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Disabled</span></a><a href="#isenabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Enabled</span></a><a href="#ishidden" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Hidden</span></a><a href="#ishovered" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Hovered</span></a><a href="#isshown" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Shown</span></a><a href="#popsettingspanelpage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>pop<wbr/>Settings<wbr/>Panel<wbr/>Page</span></a><a href="#poptorootsettingspanelpage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>pop<wbr/>To<wbr/>Root<wbr/>Settings<wbr/>Panel<wbr/>Page</span></a><a href="#prependcomponent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepend<wbr/>Component</span></a><a href="#release" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>release</span></a><a href="#removecomponent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Component</span></a><a href="#removecomponents" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Components</span></a><a href="#rootpagehasactivesettings" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>root<wbr/>Page<wbr/>Has<wbr/>Active<wbr/>Settings</span></a><a href="#setactivepage" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Active<wbr/>Page</span></a><a href="#setactivepageindex" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Active<wbr/>Page<wbr/>Index</span></a><a href="#setariaattr" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Aria<wbr/>Attr</span></a><a href="#setarialabel" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Aria<wbr/>Label</span></a><a href="#show" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>show</span></a><a href="#togglehidden" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>toggle<wbr/>Hidden</span></a><a href="#updatecomponents" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Components</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">bitmovin-player-ui</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>