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
  1. package/CHANGELOG.md +20 -0
  2. package/dist/js/bitmovinplayer-ui.js +1 -1
  3. package/dist/js/bitmovinplayer-ui.js.map +1 -1
  4. package/dist/js/framework/UIFactory.js +1 -2
  5. package/dist/js/framework/components/Container.d.ts +1 -1
  6. package/dist/js/framework/components/UIContainer.d.ts +7 -1
  7. package/dist/js/framework/components/UIContainer.js +33 -2
  8. package/dist/js/framework/components/ads/AdMessageLabel.d.ts +22 -3
  9. package/dist/js/framework/components/ads/AdMessageLabel.js +40 -17
  10. package/dist/js/framework/components/overlays/DismissClickOverlay.js +7 -1
  11. package/dist/js/framework/components/settings/SettingsPanel.d.ts +28 -1
  12. package/dist/js/framework/components/settings/SettingsPanel.js +103 -7
  13. package/dist/js/framework/utils/StringUtils.d.ts +2 -2
  14. package/docs/assets/hierarchy.js +1 -1
  15. package/docs/assets/search.js +1 -1
  16. package/docs/classes/AdClickOverlay.html +28 -28
  17. package/docs/classes/AdControlBar.html +31 -31
  18. package/docs/classes/AdCounterLabel.html +31 -31
  19. package/docs/classes/AdMessageLabel.html +51 -32
  20. package/docs/classes/AdSkipButton.html +27 -27
  21. package/docs/classes/AdStatusOverlay.html +31 -31
  22. package/docs/classes/AirPlayToggleButton.html +35 -35
  23. package/docs/classes/AudioQualitySelectBox.html +38 -38
  24. package/docs/classes/AudioTrackListBox.html +40 -39
  25. package/docs/classes/AudioTrackSelectBox.html +38 -38
  26. package/docs/classes/BackgroundColorSelectBox.html +38 -38
  27. package/docs/classes/BackgroundOpacitySelectBox.html +38 -38
  28. package/docs/classes/BrowserUtils.html +2 -2
  29. package/docs/classes/BufferingOverlay.html +31 -31
  30. package/docs/classes/Button.html +27 -27
  31. package/docs/classes/CastStatusOverlay.html +31 -31
  32. package/docs/classes/CastToggleButton.html +35 -35
  33. package/docs/classes/CastUIContainer.html +31 -31
  34. package/docs/classes/CharacterEdgeSelectBox.html +38 -38
  35. package/docs/classes/ClickOverlay.html +28 -28
  36. package/docs/classes/CloseButton.html +27 -27
  37. package/docs/classes/Component.html +25 -25
  38. package/docs/classes/Container.html +31 -31
  39. package/docs/classes/ControlBar.html +31 -31
  40. package/docs/classes/DynamicSettingsPanelItem.html +33 -33
  41. package/docs/classes/ErrorMessageOverlay.html +31 -31
  42. package/docs/classes/FontColorSelectBox.html +38 -38
  43. package/docs/classes/FontFamilySelectBox.html +38 -38
  44. package/docs/classes/FontOpacitySelectBox.html +38 -38
  45. package/docs/classes/FontSizeSelectBox.html +38 -38
  46. package/docs/classes/FullscreenToggleButton.html +35 -35
  47. package/docs/classes/HugePlaybackToggleButton.html +35 -35
  48. package/docs/classes/HugeReplayButton.html +27 -27
  49. package/docs/classes/I18n.html +2 -2
  50. package/docs/classes/Icon.html +25 -25
  51. package/docs/classes/ItemSelectionList.html +38 -38
  52. package/docs/classes/Label.html +31 -31
  53. package/docs/classes/ListBox.html +40 -39
  54. package/docs/classes/ListSelector.html +38 -38
  55. package/docs/classes/MetadataLabel.html +31 -31
  56. package/docs/classes/NavigationGroup.html +10 -10
  57. package/docs/classes/PictureInPictureToggleButton.html +35 -35
  58. package/docs/classes/PlaybackSpeedSelectBox.html +38 -38
  59. package/docs/classes/PlaybackTimeLabel.html +32 -32
  60. package/docs/classes/PlaybackToggleButton.html +35 -35
  61. package/docs/classes/PlaybackToggleOverlay.html +31 -31
  62. package/docs/classes/PlayerUtils.LiveStreamDetector.html +2 -2
  63. package/docs/classes/PlayerUtils.TimeShiftAvailabilityDetector.html +2 -2
  64. package/docs/classes/PlayerWrapper.html +4 -4
  65. package/docs/classes/QuickSeekButton.html +27 -27
  66. package/docs/classes/RecommendationItem.html +25 -25
  67. package/docs/classes/RecommendationOverlay.html +31 -31
  68. package/docs/classes/ReplayButton.html +27 -27
  69. package/docs/classes/RootNavigationGroup.html +10 -10
  70. package/docs/classes/SeekBar.html +36 -36
  71. package/docs/classes/SeekBarLabel.html +35 -35
  72. package/docs/classes/SelectBox.html +38 -38
  73. package/docs/classes/SettingsPanel.html +40 -39
  74. package/docs/classes/SettingsPanelItem.html +33 -33
  75. package/docs/classes/SettingsPanelNavigationGroup.html +10 -10
  76. package/docs/classes/SettingsPanelNavigationGroupConfig.html +2 -2
  77. package/docs/classes/SettingsPanelPage.html +33 -33
  78. package/docs/classes/SettingsPanelPageBackButton.html +29 -29
  79. package/docs/classes/SettingsPanelPageOpenButton.html +29 -29
  80. package/docs/classes/SettingsToggleButton.html +35 -35
  81. package/docs/classes/Spacer.html +25 -25
  82. package/docs/classes/SpatialNavigation.html +4 -4
  83. package/docs/classes/SubtitleListBox.html +40 -39
  84. package/docs/classes/SubtitleOverlay.html +31 -31
  85. package/docs/classes/SubtitleSelectBox.html +38 -38
  86. package/docs/classes/SubtitleSettingSelectBox.html +38 -38
  87. package/docs/classes/SubtitleSettingsPanelPage.html +33 -33
  88. package/docs/classes/SubtitleSettingsResetButton.html +27 -27
  89. package/docs/classes/TitleBar.html +31 -31
  90. package/docs/classes/ToggleButton.html +35 -35
  91. package/docs/classes/UIContainer.html +31 -31
  92. package/docs/classes/UIInstanceManager.html +14 -14
  93. package/docs/classes/UIManager.html +14 -14
  94. package/docs/classes/VRToggleButton.html +35 -35
  95. package/docs/classes/VideoQualitySelectBox.html +39 -39
  96. package/docs/classes/VolumeControlButton.html +33 -33
  97. package/docs/classes/VolumeSlider.html +36 -36
  98. package/docs/classes/VolumeToggleButton.html +35 -35
  99. package/docs/classes/Watermark.html +28 -28
  100. package/docs/classes/WindowColorSelectBox.html +38 -38
  101. package/docs/classes/WindowOpacitySelectBox.html +38 -38
  102. package/docs/enums/ButtonStyle.html +5 -5
  103. package/docs/enums/LabelStyle.html +4 -4
  104. package/docs/enums/MetadataLabelContent.html +3 -3
  105. package/docs/enums/NavigationDirection.html +2 -2
  106. package/docs/enums/PlaybackTimeLabelMode.html +5 -5
  107. package/docs/enums/PlayerUtils.PlayerState.html +2 -2
  108. package/docs/enums/UIUtils.KeyCode.html +2 -2
  109. package/docs/enums/ViewMode.html +3 -3
  110. package/docs/functions/ArrayUtils.remove.html +1 -1
  111. package/docs/functions/ErrorUtils.defaultMobileV3ErrorMessageTranslator.html +1 -1
  112. package/docs/functions/PlayerUtils.clampValueToRange.html +1 -1
  113. package/docs/functions/PlayerUtils.getCurrentTimeRelativeToSeekableRange.html +1 -1
  114. package/docs/functions/PlayerUtils.getSeekableRangeRespectingLive.html +1 -1
  115. package/docs/functions/PlayerUtils.getSeekableRangeStart.html +1 -1
  116. package/docs/functions/PlayerUtils.getState.html +1 -1
  117. package/docs/functions/PlayerUtils.isTimeShiftAvailable.html +1 -1
  118. package/docs/functions/StorageUtils.getItem.html +1 -1
  119. package/docs/functions/StorageUtils.getObject.html +1 -1
  120. package/docs/functions/StorageUtils.setItem.html +1 -1
  121. package/docs/functions/StorageUtils.setObject.html +1 -1
  122. package/docs/functions/StorageUtils.setStorageApiDisabled.html +1 -1
  123. package/docs/functions/StringUtils.replaceAdMessagePlaceholders.html +1 -1
  124. package/docs/functions/StringUtils.secondsToText.html +1 -1
  125. package/docs/functions/StringUtils.secondsToTime.html +1 -1
  126. package/docs/functions/UIFactory.buildCastReceiverUI.html +1 -1
  127. package/docs/functions/UIFactory.buildSmallScreenUI.html +1 -1
  128. package/docs/functions/UIFactory.buildSubtitleUI.html +1 -1
  129. package/docs/functions/UIFactory.buildTvUI.html +1 -1
  130. package/docs/functions/UIFactory.buildUI.html +1 -1
  131. package/docs/functions/UIUtils.traverseTree.html +1 -1
  132. package/docs/hierarchy.html +1 -1
  133. package/docs/interfaces/ActiveUiChangedArgs.html +3 -3
  134. package/docs/interfaces/AdControlBarConfig.html +12 -12
  135. package/docs/interfaces/AdSkipButtonConfig.html +16 -16
  136. package/docs/interfaces/BufferingOverlayConfig.html +13 -13
  137. package/docs/interfaces/ButtonConfig.html +14 -14
  138. package/docs/interfaces/ClickOverlayConfig.html +15 -15
  139. package/docs/interfaces/CloseButtonConfig.html +15 -15
  140. package/docs/interfaces/ComponentConfig.html +11 -11
  141. package/docs/interfaces/ComponentFocusChangedEventArgs.html +2 -2
  142. package/docs/interfaces/ComponentHoverChangedEventArgs.html +2 -2
  143. package/docs/interfaces/ContainerConfig.html +12 -12
  144. package/docs/interfaces/ControlBarConfig.html +12 -12
  145. package/docs/interfaces/DynamicSettingsPanelItemConfig.html +19 -19
  146. package/docs/interfaces/ErrorMessageMap.html +1 -1
  147. package/docs/interfaces/ErrorMessageOverlayConfig.html +13 -13
  148. package/docs/interfaces/ErrorMessageTranslator.html +1 -1
  149. package/docs/interfaces/ExternalRecommendationLink.html +3 -3
  150. package/docs/interfaces/IconConfig.html +12 -12
  151. package/docs/interfaces/InternalUIConfig.html +15 -15
  152. package/docs/interfaces/LabelConfig.html +14 -14
  153. package/docs/interfaces/ListBoxConfig.html +22 -17
  154. package/docs/interfaces/ListItem.html +2 -2
  155. package/docs/interfaces/ListItemFilter.html +1 -1
  156. package/docs/interfaces/ListItemLabelTranslator.html +1 -1
  157. package/docs/interfaces/ListSelectorConfig.html +11 -11
  158. package/docs/interfaces/LocalizationConfig.html +3 -3
  159. package/docs/interfaces/MetadataLabelConfig.html +15 -15
  160. package/docs/interfaces/PlaybackTimeLabelConfig.html +16 -16
  161. package/docs/interfaces/PlaybackToggleButtonConfig.html +19 -19
  162. package/docs/interfaces/PlaybackToggleOverlayConfig.html +13 -13
  163. package/docs/interfaces/PlayerUtils.LiveStreamDetectorEventArgs.html +2 -2
  164. package/docs/interfaces/PlayerUtils.TimeShiftAvailabilityChangedArgs.html +2 -2
  165. package/docs/interfaces/QuickSeekButtonConfig.html +15 -15
  166. package/docs/interfaces/RecommendationConfig.html +4 -4
  167. package/docs/interfaces/RecommendationItemConfig.html +12 -12
  168. package/docs/interfaces/SeekBarConfig.html +19 -19
  169. package/docs/interfaces/SeekBarLabelConfig.html +12 -12
  170. package/docs/interfaces/SeekBarMarker.html +2 -2
  171. package/docs/interfaces/SeekPreviewArgs.html +3 -3
  172. package/docs/interfaces/SeekPreviewEventArgs.html +4 -4
  173. package/docs/interfaces/SettingsPanelConfig.html +20 -15
  174. package/docs/interfaces/SettingsPanelItemConfig.html +17 -17
  175. package/docs/interfaces/SettingsPanelPageConfig.html +13 -13
  176. package/docs/interfaces/SettingsToggleButtonConfig.html +20 -20
  177. package/docs/interfaces/SubtitleSettingSelectBoxConfig.html +11 -11
  178. package/docs/interfaces/SubtitleSettingsPanelPageConfig.html +13 -13
  179. package/docs/interfaces/TimelineMarker.html +6 -6
  180. package/docs/interfaces/TitleBarConfig.html +13 -13
  181. package/docs/interfaces/ToggleButtonConfig.html +18 -18
  182. package/docs/interfaces/UIConditionContext.html +10 -10
  183. package/docs/interfaces/UIConditionResolver.html +1 -1
  184. package/docs/interfaces/UIConfig.html +14 -14
  185. package/docs/interfaces/UIContainerConfig.html +20 -16
  186. package/docs/interfaces/UIUtils.TreeTraversalCallback.html +1 -1
  187. package/docs/interfaces/UIVariant.html +2 -2
  188. package/docs/interfaces/ViewModeChangedEventArgs.html +2 -2
  189. package/docs/interfaces/Vocabularies.html +1 -1
  190. package/docs/interfaces/Vocabulary.html +2 -2
  191. package/docs/interfaces/VolumeControlButtonConfig.html +14 -14
  192. package/docs/interfaces/VolumeSliderConfig.html +21 -21
  193. package/docs/interfaces/WatermarkConfig.html +15 -15
  194. package/docs/interfaces/WrappedPlayer.html +2 -2
  195. package/docs/media/CHANGELOG.md +20 -0
  196. package/docs/types/CustomVocabulary.html +1 -1
  197. package/docs/types/LocalizableText.html +1 -1
  198. package/docs/types/Localizer.html +1 -1
  199. package/docs/variables/ErrorUtils.defaultErrorMessages.html +1 -1
  200. package/docs/variables/ErrorUtils.defaultWebErrorMessageTranslator.html +1 -1
  201. package/docs/variables/StringUtils.FORMAT_HHMMSS.html +1 -1
  202. package/docs/variables/StringUtils.FORMAT_MMSS.html +1 -1
  203. package/docs/variables/i18n.html +1 -1
  204. package/docs/variables/version.html +1 -1
  205. package/package.json +1 -1
  206. package/src/ts/DOM.ts +18 -18
  207. package/src/ts/EventDispatcher.ts +5 -5
  208. package/src/ts/UIFactory.ts +8 -9
  209. package/src/ts/UIManager.ts +29 -29
  210. package/src/ts/components/CastUIContainer.ts +6 -6
  211. package/src/ts/components/Component.ts +3 -3
  212. package/src/ts/components/Container.ts +5 -5
  213. package/src/ts/components/RecommendationItem.ts +2 -2
  214. package/src/ts/components/TvNoiseCanvas.ts +3 -3
  215. package/src/ts/components/UIContainer.ts +57 -14
  216. package/src/ts/components/ads/AdClickOverlay.ts +2 -2
  217. package/src/ts/components/ads/AdMessageLabel.ts +47 -20
  218. package/src/ts/components/ads/AdSkipButton.ts +5 -5
  219. package/src/ts/components/buttons/Button.ts +1 -1
  220. package/src/ts/components/buttons/CastToggleButton.ts +1 -1
  221. package/src/ts/components/buttons/CloseButton.ts +1 -1
  222. package/src/ts/components/buttons/HugePlaybackToggleButton.ts +3 -3
  223. package/src/ts/components/buttons/PlaybackToggleButton.ts +3 -3
  224. package/src/ts/components/buttons/QuickSeekButton.ts +1 -1
  225. package/src/ts/components/buttons/SmallCenteredPlaybackToggleButton.ts +1 -1
  226. package/src/ts/components/buttons/VRToggleButton.ts +4 -4
  227. package/src/ts/components/buttons/VolumeControlButton.ts +2 -2
  228. package/src/ts/components/labels/Label.ts +1 -1
  229. package/src/ts/components/labels/MetadataLabel.ts +4 -4
  230. package/src/ts/components/labels/PlaybackTimeLabel.ts +13 -13
  231. package/src/ts/components/lists/ItemSelectionList.ts +3 -3
  232. package/src/ts/components/lists/ListSelector.ts +4 -4
  233. package/src/ts/components/overlays/CastStatusOverlay.ts +2 -2
  234. package/src/ts/components/overlays/ClickOverlay.ts +1 -1
  235. package/src/ts/components/overlays/DismissClickOverlay.ts +7 -2
  236. package/src/ts/components/overlays/ErrorMessageOverlay.ts +2 -2
  237. package/src/ts/components/overlays/RecommendationOverlay.ts +2 -2
  238. package/src/ts/components/overlays/SubtitleOverlay.ts +10 -10
  239. package/src/ts/components/seekbar/SeekBar.ts +37 -37
  240. package/src/ts/components/seekbar/SeekBarLabel.ts +15 -15
  241. package/src/ts/components/seekbar/VolumeSlider.ts +1 -1
  242. package/src/ts/components/settings/AudioQualitySelectBox.ts +4 -4
  243. package/src/ts/components/settings/DynamicSettingsPanelItem.ts +3 -3
  244. package/src/ts/components/settings/SelectBox.ts +3 -3
  245. package/src/ts/components/settings/SettingsPanel.ts +137 -10
  246. package/src/ts/components/settings/SettingsPanelItem.ts +1 -1
  247. package/src/ts/components/settings/SettingsPanelPage.ts +4 -4
  248. package/src/ts/components/settings/SettingsPanelSelectOption.ts +1 -1
  249. package/src/ts/components/settings/SettingsToggleButton.ts +3 -3
  250. package/src/ts/components/settings/VideoQualitySelectBox.ts +4 -4
  251. package/src/ts/components/settings/subtitlesettings/BackgroundColorSelectBox.ts +1 -1
  252. package/src/ts/components/settings/subtitlesettings/FontColorSelectBox.ts +1 -1
  253. package/src/ts/components/settings/subtitlesettings/WindowColorSelectBox.ts +1 -1
  254. package/src/ts/main.ts +2 -2
  255. package/src/ts/spatialnavigation/NavigationGroup.ts +2 -2
  256. package/src/ts/spatialnavigation/SettingsPanelNavigationGroup.ts +1 -1
  257. package/src/ts/utils/ArrayUtils.ts +1 -1
  258. package/src/ts/utils/AudioTrackUtils.ts +1 -1
  259. package/src/ts/utils/ImageLoader.ts +2 -2
  260. package/src/ts/utils/PlayerUtils.ts +4 -4
  261. package/src/ts/utils/StorageUtils.ts +3 -3
  262. package/src/ts/utils/StringUtils.ts +17 -17
  263. package/src/ts/utils/SubtitleSettingsManager.ts +3 -3
  264. package/src/ts/utils/SubtitleUtils.ts +1 -1
  265. package/src/ts/utils/UIUtils.ts +2 -2
package/docs/classes/SeekBar.html CHANGED
@@ -6,7 +6,7 @@ target, and keeps status about an ongoing seek.</p>
6
6
  <li>the buffer position, which usually is the playback position plus the time span that is already buffered ahead</li>
7
7
  <li>the seek position, used to preview to where in the timeline a seek will jump to</li>
8
8
  </ul>
9
- </div></section><section class="tsd-panel tsd-hierarchy" data-refl="1675"><h4>Hierarchy (<a href="../hierarchy.html#SeekBar">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</a><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">SeekBar</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="VolumeSlider.html" class="tsd-signature-type tsd-kind-class">VolumeSlider</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/seekbar/SeekBar.ts#L106">src/ts/components/seekbar/SeekBar.ts:106</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>
9
+ </div></section><section class="tsd-panel tsd-hierarchy" data-refl="1676"><h4>Hierarchy (<a href="../hierarchy.html#SeekBar">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</a><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">SeekBar</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="VolumeSlider.html" class="tsd-signature-type tsd-kind-class">VolumeSlider</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/seekbar/SeekBar.ts#L106">src/ts/components/seekbar/SeekBar.ts:106</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>
10
10
  </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#smooth_playback_position_update_disabled" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>SMOOTH_<wbr/>PLAYBACK_<wbr/>POSITION_<wbr/>UPDATE_<wbr/>DISABLED</span></a>
11
11
  </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><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>
12
12
  <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>
@@ -44,77 +44,77 @@ target, and keeps status about an ongoing seek.</p>
44
44
  <a href="#setseekposition" class="tsd-index-link"><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/>Seek<wbr/>Position</span></a>
45
45
  <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>
46
46
  <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>
47
- </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="constructorseekbar"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">SeekBar</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">config</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a><a href="#constructorseekbar" 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/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</a><span class="tsd-signature-symbol"> = {}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a></h4><aside class="tsd-sources"><p>Overrides <a href="Component.html">Component</a>.<a href="Component.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L165">src/ts/components/seekbar/SeekBar.ts:165</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-Properties"><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>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="smooth_playback_position_update_disabled"><code class="tsd-tag">Static</code> <code class="tsd-tag">Readonly</code><span>SMOOTH_<wbr/>PLAYBACK_<wbr/>POSITION_<wbr/>UPDATE_<wbr/>DISABLED</span><a href="#smooth_playback_position_update_disabled" 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><div class="tsd-signature"><span class="tsd-kind-property">SMOOTH_PLAYBACK_POSITION_UPDATE_DISABLED</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">-1</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L107">src/ts/components/seekbar/SeekBar.ts:107</a></li></ul></aside></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="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.
47
+ </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="constructorseekbar"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">SeekBar</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">config</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a><a href="#constructorseekbar" 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/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</a><span class="tsd-signature-symbol"> = {}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a></h4><aside class="tsd-sources"><p>Overrides <a href="Component.html">Component</a>.<a href="Component.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L165">src/ts/components/seekbar/SeekBar.ts:165</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-Properties"><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>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="smooth_playback_position_update_disabled"><code class="tsd-tag">Static</code> <code class="tsd-tag">Readonly</code><span>SMOOTH_<wbr/>PLAYBACK_<wbr/>POSITION_<wbr/>UPDATE_<wbr/>DISABLED</span><a href="#smooth_playback_position_update_disabled" 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><div class="tsd-signature"><span class="tsd-kind-property">SMOOTH_PLAYBACK_POSITION_UPDATE_DISABLED</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">-1</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L107">src/ts/components/seekbar/SeekBar.ts:107</a></li></ul></aside></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="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.
48
48
  See the detailed explanation on event architecture on the #componentEvents events list.</p>
49
- </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 Component.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.
49
+ </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 Component.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.
50
50
  See the detailed explanation on event architecture on the #componentEvents events list.</p>
51
- </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 Component.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>
52
- </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 Component.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.
51
+ </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 Component.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>
52
+ </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 Component.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.
53
53
  See the detailed explanation on event architecture on the #componentEvents events list.</p>
54
- </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 Component.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>
55
- </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 Component.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"><h3 class="tsd-anchor-link" id="onseek"><span>on<wbr/>Seek</span><a href="#onseek" 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><div class="tsd-signature" id="onseekonseek"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onSeek</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="" class="tsd-signature-type tsd-kind-class">SeekBar</a><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 a scrubbing seek operation is started.</p>
56
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a><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"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1209">src/ts/components/seekbar/SeekBar.ts:1209</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onseeked"><span>on<wbr/>Seeked</span><a href="#onseeked" 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><div class="tsd-signature" id="onseekedonseeked"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onSeeked</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="" class="tsd-signature-type tsd-kind-class">SeekBar</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">number</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 a scrubbing seek has finished or when a direct seek is issued.</p>
57
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1227">src/ts/components/seekbar/SeekBar.ts:1227</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onseekpreview"><span>on<wbr/>Seek<wbr/>Preview</span><a href="#onseekpreview" 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><div class="tsd-signature" id="onseekpreviewonseekpreview"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onSeekPreview</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="" class="tsd-signature-type tsd-kind-class">SeekBar</a><span class="tsd-signature-symbol">,</span> <a href="../interfaces/SeekPreviewEventArgs.html" class="tsd-signature-type tsd-kind-interface">SeekPreviewEventArgs</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 during a scrubbing seek (to indicate that the seek preview, i.e. the video frame,
54
+ </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 Component.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>
55
+ </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 Component.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"><h3 class="tsd-anchor-link" id="onseek"><span>on<wbr/>Seek</span><a href="#onseek" 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><div class="tsd-signature" id="onseekonseek"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onSeek</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="" class="tsd-signature-type tsd-kind-class">SeekBar</a><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 a scrubbing seek operation is started.</p>
56
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a><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"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1209">src/ts/components/seekbar/SeekBar.ts:1209</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onseeked"><span>on<wbr/>Seeked</span><a href="#onseeked" 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><div class="tsd-signature" id="onseekedonseeked"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onSeeked</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="" class="tsd-signature-type tsd-kind-class">SeekBar</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">number</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 a scrubbing seek has finished or when a direct seek is issued.</p>
57
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1227">src/ts/components/seekbar/SeekBar.ts:1227</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onseekpreview"><span>on<wbr/>Seek<wbr/>Preview</span><a href="#onseekpreview" 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><div class="tsd-signature" id="onseekpreviewonseekpreview"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onSeekPreview</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="" class="tsd-signature-type tsd-kind-class">SeekBar</a><span class="tsd-signature-symbol">,</span> <a href="../interfaces/SeekPreviewEventArgs.html" class="tsd-signature-type tsd-kind-interface">SeekPreviewEventArgs</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 during a scrubbing seek (to indicate that the seek preview, i.e. the video frame,
58
58
  should be updated), or during a normal seek preview when the seek bar is hovered (and the seek target,
59
59
  i.e. the seek bar label, should be updated).</p>
60
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a><span class="tsd-signature-symbol">,</span> <a href="../interfaces/SeekPreviewEventArgs.html" class="tsd-signature-type tsd-kind-interface">SeekPreviewEventArgs</a><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1219">src/ts/components/seekbar/SeekBar.ts:1219</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.
60
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">&lt;</span><a href="" class="tsd-signature-type tsd-kind-class">SeekBar</a><span class="tsd-signature-symbol">,</span> <a href="../interfaces/SeekPreviewEventArgs.html" class="tsd-signature-type tsd-kind-interface">SeekPreviewEventArgs</a><span class="tsd-signature-symbol">&gt;</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1219">src/ts/components/seekbar/SeekBar.ts:1219</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.
61
61
  See the detailed explanation on event architecture on the #componentEvents events list.</p>
62
- </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 Component.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>
63
- </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 Component.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"><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><br/>    <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><br/>    <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><br/>    <span class="tsd-kind-parameter">configureSeek</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><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
62
+ </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 Component.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>
63
+ </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 Component.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"><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><br/>    <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><br/>    <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><br/>    <span class="tsd-kind-parameter">configureSeek</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><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
64
64
  happens, where components typically subscribe and react to events (on their DOM element, the Player, or the
65
65
  UIInstanceManager), and basically everything that makes them interactive.
66
66
  This method is called only once, when the UIManager initializes the UI.</p>
67
67
  <p>Subclasses usually overwrite this method to add their own functionality.</p>
68
68
  </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>
69
69
  </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>
70
- </div></li><li><span><span class="tsd-kind-parameter">configureSeek</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></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="Component.html">Component</a>.<a href="Component.html#configure">configure</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L250">src/ts/components/seekbar/SeekBar.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="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.
70
+ </div></li><li><span><span class="tsd-kind-parameter">configureSeek</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></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="Component.html">Component</a>.<a href="Component.html#configure">configure</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L250">src/ts/components/seekbar/SeekBar.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="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.
71
71
  This method basically transfers the component into the disabled state. Actual disabling is done via CSS or child
72
72
  components. (e.g. Button needs to unsubscribe click listeners)</p>
73
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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.
73
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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.
74
74
  This method basically transfers the component into the enabled state. Actual enabling is done via CSS or child
75
75
  components. (e.g. Button needs to subscribe click listeners)</p>
76
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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="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/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</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>
77
- </div><h4 class="tsd-returns-title">Returns <a href="../interfaces/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</a></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
76
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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="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/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</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>
77
+ </div><h4 class="tsd-returns-title">Returns <a href="../interfaces/SeekBarConfig.html" class="tsd-signature-type tsd-kind-interface">SeekBarConfig</a></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
78
78
  <p>Should not be overwritten by subclasses.</p>
79
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">DOM</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="getlabel"><span>get<wbr/>Label</span><a href="#getlabel" 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="getlabel-1"><span class="tsd-kind-call-signature">getLabel</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="SeekBarLabel.html" class="tsd-signature-type tsd-kind-class">SeekBarLabel</a><a href="#getlabel-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 the label of this seek bar.</p>
79
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">DOM</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="getlabel"><span>get<wbr/>Label</span><a href="#getlabel" 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="getlabel-1"><span class="tsd-kind-call-signature">getLabel</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="SeekBarLabel.html" class="tsd-signature-type tsd-kind-class">SeekBarLabel</a><a href="#getlabel-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 the label of this seek bar.</p>
80
80
  </div><h4 class="tsd-returns-title">Returns <a href="SeekBarLabel.html" class="tsd-signature-type tsd-kind-class">SeekBarLabel</a></h4><p>the label if this seek bar has a label, else null</p>
81
- <aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1134">src/ts/components/seekbar/SeekBar.ts:1134</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>
82
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="haslabel"><span>has<wbr/>Label</span><a href="#haslabel" 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="haslabel-1"><span class="tsd-kind-call-signature">hasLabel</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#haslabel-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 the seek bar has a <a href="SeekBarLabel.html" class="tsd-kind-class">SeekBarLabel</a>.</p>
81
+ <aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1134">src/ts/components/seekbar/SeekBar.ts:1134</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>
82
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="haslabel"><span>has<wbr/>Label</span><a href="#haslabel" 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="haslabel-1"><span class="tsd-kind-call-signature">hasLabel</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#haslabel-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 the seek bar has a <a href="SeekBarLabel.html" class="tsd-kind-class">SeekBarLabel</a>.</p>
83
83
  </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if the seek bar has a label, else false</p>
84
- <aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1126">src/ts/components/seekbar/SeekBar.ts:1126</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.
84
+ <aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1126">src/ts/components/seekbar/SeekBar.ts:1126</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.
85
85
  This method basically transfers the component into the hidden state. Actual hiding is done via CSS.</p>
86
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><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"><li class=""><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.
86
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><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"><li class=""><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.
87
87
  This method must not be called from outside the UI framework.</p>
88
88
  <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
89
89
  some component, and thus encapsulated abd managed internally and never directly exposed to the UIManager,
90
90
  this method must be called from the managing component's #initialize method.</p>
91
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="Component.html">Component</a>.<a href="Component.html#initialize">initialize</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L192">src/ts/components/seekbar/SeekBar.ts:192</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>
91
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="Component.html">Component</a>.<a href="Component.html#initialize">initialize</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L192">src/ts/components/seekbar/SeekBar.ts:192</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>
92
92
  </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>
93
- <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
93
+ <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
94
94
  </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>
95
- <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
95
+ <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
96
96
  </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>
97
- <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
97
+ <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
98
98
  </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>
99
- <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="isseeking"><span>is<wbr/>Seeking</span><a href="#isseeking" 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="isseeking-1"><span class="tsd-kind-call-signature">isSeeking</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isseeking-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 the seek bar is currently in the seek state.</p>
99
+ <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="isseeking"><span>is<wbr/>Seeking</span><a href="#isseeking" 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="isseeking-1"><span class="tsd-kind-call-signature">isSeeking</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isseeking-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 the seek bar is currently in the seek state.</p>
100
100
  </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>true if in seek state, else false</p>
101
- <aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1118">src/ts/components/seekbar/SeekBar.ts:1118</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>
101
+ <aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1118">src/ts/components/seekbar/SeekBar.ts:1118</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>
102
102
  </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>
103
- <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="istouchevent"><span>is<wbr/>Touch<wbr/>Event</span><a href="#istouchevent" 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="istouchevent-1"><span class="tsd-kind-call-signature">isTouchEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">e</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">UIEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-kind-parameter">e</span> <span class="tsd-signature-keyword">is</span> <span class="tsd-signature-type">TouchEvent</span><a href="#istouchevent-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 TouchEvent is supported.</p>
103
+ <aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="istouchevent"><span>is<wbr/>Touch<wbr/>Event</span><a href="#istouchevent" 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="istouchevent-1"><span class="tsd-kind-call-signature">isTouchEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">e</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">UIEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-kind-parameter">e</span> <span class="tsd-signature-keyword">is</span> <span class="tsd-signature-type">TouchEvent</span><a href="#istouchevent-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 TouchEvent is supported.</p>
104
104
  </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">e</span>: <span class="tsd-signature-type">UIEvent</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-kind-parameter">e</span> <span class="tsd-signature-keyword">is</span> <span class="tsd-signature-type">TouchEvent</span></h4><p>true if TouchEvent not undefined, else false</p>
105
- <aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1248">src/ts/components/seekbar/SeekBar.ts:1248</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><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"><li class=""><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
105
+ <aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1248">src/ts/components/seekbar/SeekBar.ts:1248</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><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"><li class=""><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
106
106
  automatically removed during release and do not explicitly need to be removed here.
107
107
  This method is called by the UIManager when it releases the UI.</p>
108
108
  <p>Subclasses that need to release resources should override this method and call super.release().</p>
109
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="Component.html">Component</a>.<a href="Component.html#release">release</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L714">src/ts/components/seekbar/SeekBar.ts:714</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="Component.html">Component</a>.<a href="Component.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="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="setbufferposition"><span>set<wbr/>Buffer<wbr/>Position</span><a href="#setbufferposition" 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="setbufferposition-1"><span class="tsd-kind-call-signature">setBufferPosition</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">percent</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="#setbufferposition-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 position until which media is buffered.</p>
109
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="Component.html">Component</a>.<a href="Component.html#release">release</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L714">src/ts/components/seekbar/SeekBar.ts:714</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="Component.html">Component</a>.<a href="Component.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="Component.html">Component</a>.<a href="Component.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"><h3 class="tsd-anchor-link" id="setbufferposition"><span>set<wbr/>Buffer<wbr/>Position</span><a href="#setbufferposition" 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="setbufferposition-1"><span class="tsd-kind-call-signature">setBufferPosition</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">percent</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="#setbufferposition-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 position until which media is buffered.</p>
110
110
  </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">percent</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>a number between 0 and 100</p>
111
- </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1054">src/ts/components/seekbar/SeekBar.ts:1054</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setplaybackposition"><span>set<wbr/>Playback<wbr/>Position</span><a href="#setplaybackposition" 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="setplaybackposition-1"><span class="tsd-kind-call-signature">setPlaybackPosition</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">percent</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="#setplaybackposition-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 position of the playback position indicator.</p>
111
+ </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1054">src/ts/components/seekbar/SeekBar.ts:1054</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setplaybackposition"><span>set<wbr/>Playback<wbr/>Position</span><a href="#setplaybackposition" 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="setplaybackposition-1"><span class="tsd-kind-call-signature">setPlaybackPosition</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">percent</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="#setplaybackposition-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 position of the playback position indicator.</p>
112
112
  </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">percent</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>a number between 0 and 100 as returned by the player</p>
113
- </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L993">src/ts/components/seekbar/SeekBar.ts:993</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setseeking"><span>set<wbr/>Seeking</span><a href="#setseeking" 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="setseeking-1"><span class="tsd-kind-call-signature">setSeeking</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">seeking</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setseeking-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>Puts the seek bar into or out of seeking state by adding/removing a class to the DOM element. This can be used
113
+ </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L993">src/ts/components/seekbar/SeekBar.ts:993</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setseeking"><span>set<wbr/>Seeking</span><a href="#setseeking" 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="setseeking-1"><span class="tsd-kind-call-signature">setSeeking</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">seeking</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setseeking-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>Puts the seek bar into or out of seeking state by adding/removing a class to the DOM element. This can be used
114
114
  to adjust the styling while seeking.</p>
115
115
  </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">seeking</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>should be true when entering seek state, false when exiting the seek state</p>
116
- </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1106">src/ts/components/seekbar/SeekBar.ts:1106</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setseekposition"><span>set<wbr/>Seek<wbr/>Position</span><a href="#setseekposition" 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="setseekposition-1"><span class="tsd-kind-call-signature">setSeekPosition</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">percent</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="#setseekposition-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 position where a seek, if executed, would jump to.</p>
116
+ </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1106">src/ts/components/seekbar/SeekBar.ts:1106</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setseekposition"><span>set<wbr/>Seek<wbr/>Position</span><a href="#setseekposition" 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="setseekposition-1"><span class="tsd-kind-call-signature">setSeekPosition</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">percent</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="#setseekposition-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 position where a seek, if executed, would jump to.</p>
117
117
  </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">percent</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>a number between 0 and 100</p>
118
- </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/6d702637f4b33f52a26e834207ae63a866465051/src/ts/components/seekbar/SeekBar.ts#L1062">src/ts/components/seekbar/SeekBar.ts:1062</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>
119
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
120
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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></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-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#smooth_playback_position_update_disabled"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>SMOOTH_<wbr/>PLAYBACK_<wbr/>POSITION_<wbr/>UPDATE_<wbr/>DISABLED</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="#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="#onseek"><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/>Seek</span></a><a href="#onseeked"><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/>Seeked</span></a><a href="#onseekpreview"><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/>Seek<wbr/>Preview</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="#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="#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="#getlabel"><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/>Label</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="#haslabel"><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/>Label</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"><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="#isseeking"><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/>Seeking</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="#istouchevent"><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/>Touch<wbr/>Event</span></a><a href="#release"><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="#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="#setbufferposition"><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/>Buffer<wbr/>Position</span></a><a href="#setplaybackposition"><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/>Playback<wbr/>Position</span></a><a href="#setseeking"><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/>Seeking</span></a><a href="#setseekposition"><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/>Seek<wbr/>Position</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></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>
118
+ </div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/4eec683f50bbfd899d5a06a236ae2255da999144/src/ts/components/seekbar/SeekBar.ts#L1062">src/ts/components/seekbar/SeekBar.ts:1062</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>
119
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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>
120
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="Component.html">Component</a>.<a href="Component.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></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-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#smooth_playback_position_update_disabled"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>SMOOTH_<wbr/>PLAYBACK_<wbr/>POSITION_<wbr/>UPDATE_<wbr/>DISABLED</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="#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="#onseek"><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/>Seek</span></a><a href="#onseeked"><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/>Seeked</span></a><a href="#onseekpreview"><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/>Seek<wbr/>Preview</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="#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="#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="#getlabel"><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/>Label</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="#haslabel"><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/>Label</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"><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="#isseeking"><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/>Seeking</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="#istouchevent"><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/>Touch<wbr/>Event</span></a><a href="#release"><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="#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="#setbufferposition"><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/>Buffer<wbr/>Position</span></a><a href="#setplaybackposition"><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/>Playback<wbr/>Position</span></a><a href="#setseeking"><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/>Seeking</span></a><a href="#setseekposition"><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/>Seek<wbr/>Position</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></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>