bitmovin-player-ui
Version:
Bitmovin Player UI Framework
70 lines • 88.3 kB
HTML
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>AirPlayToggleButton | bitmovin-player-ui</title><meta name="description" content="Documentation for bitmovin-player-ui"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">bitmovin-player-ui</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">AirPlayToggleButton</a></li></ul><h1>Class AirPlayToggleButton</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>A button that toggles Apple AirPlay.</p>
</div></section><section class="tsd-panel tsd-hierarchy" data-refl="7047"><h4>Hierarchy (<a href="../hierarchy.html#AirPlayToggleButton">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="ToggleButton.html" class="tsd-signature-type tsd-kind-class">ToggleButton</a><span class="tsd-signature-symbol"><</span><a href="../interfaces/ToggleButtonConfig.html" class="tsd-signature-type tsd-kind-interface">ToggleButtonConfig</a><span class="tsd-signature-symbol">></span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">AirPlayToggleButton</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/buttons/AirPlayToggleButton.ts#L11">src/ts/components/buttons/AirPlayToggleButton.ts:11</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#onclick" 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/>Click</span></a>
<a href="#ondisabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Disabled</span></a>
<a href="#onenabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Enabled</span></a>
<a href="#onfocusedchanged" 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/>Focused<wbr/>Changed</span></a>
<a href="#onhide" 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/>Hide</span></a>
<a href="#onhoverchanged" 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/>Hover<wbr/>Changed</span></a>
<a href="#onshow" 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/>Show</span></a>
<a href="#ontoggle" 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/>Toggle</span></a>
<a href="#ontoggleoff" 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/>Toggle<wbr/>Off</span></a>
<a href="#ontoggleon" 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/>Toggle<wbr/>On</span></a>
<a href="#onviewmodechanged" 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/>View<wbr/>Mode<wbr/>Changed</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#configure" 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>configure</span></a>
<a href="#disable" 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>disable</span></a>
<a href="#enable" 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>enable</span></a>
<a href="#getconfig" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Config</span></a>
<a href="#getdomelement" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Dom<wbr/>Element</span></a>
<a href="#hasdomelement" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>has<wbr/>Dom<wbr/>Element</span></a>
<a href="#hide" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>hide</span></a>
<a href="#initialize" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>initialize</span></a>
<a href="#isdisabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Disabled</span></a>
<a href="#isenabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Enabled</span></a>
<a href="#ishidden" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Hidden</span></a>
<a href="#ishovered" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Hovered</span></a>
<a href="#isoff" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Off</span></a>
<a href="#ison" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>On</span></a>
<a href="#isshown" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Shown</span></a>
<a href="#off" 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>off</span></a>
<a href="#on" 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>on</span></a>
<a href="#release" 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>release</span></a>
<a href="#setariaattr" 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>set<wbr/>Aria<wbr/>Attr</span></a>
<a href="#setarialabel" 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>set<wbr/>Aria<wbr/>Label</span></a>
<a href="#settext" 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>set<wbr/>Text</span></a>
<a href="#show" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>show</span></a>
<a href="#toggle" 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</span></a>
<a href="#togglehidden" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>toggle<wbr/>Hidden</span></a>
</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="constructorairplaytogglebutton"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">AirPlayToggleButton</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">config</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/ToggleButtonConfig.html" class="tsd-signature-type tsd-kind-interface">ToggleButtonConfig</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">AirPlayToggleButton</a><a href="#constructorairplaytogglebutton" aria-label="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/ToggleButtonConfig.html" class="tsd-signature-type tsd-kind-interface">ToggleButtonConfig</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">AirPlayToggleButton</a></h4><aside class="tsd-sources"><p>Overrides <a href="ToggleButton.html">ToggleButton</a>.<a href="ToggleButton.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/buttons/AirPlayToggleButton.ts#L12">src/ts/components/buttons/AirPlayToggleButton.ts:12</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="onclick"><span>on<wbr/>Click</span><a href="#onclick" aria-label="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="onclickonclick"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onClick</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"><</span><a href="Button.html" class="tsd-signature-type tsd-kind-class">Button</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Button.html#constructorbuttonconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the button is clicked.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Button.html" class="tsd-signature-type tsd-kind-class">Button</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Button.html#constructorbuttonconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onClick</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/buttons/Button.ts#L167">src/ts/components/buttons/Button.ts:167</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ondisabled"><span>on<wbr/>Disabled</span><a href="#ondisabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="ondisabledondisabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onDisabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is disabling.
See the detailed explanation on event architecture on the #componentEvents events list.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onDisabled</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/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"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is enabling.
See the detailed explanation on event architecture on the #componentEvents events list.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onEnabled</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/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"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></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">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component's focus-state is changing.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></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">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onFocusedChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/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"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is hiding.
See the detailed explanation on event architecture on the #componentEvents events list.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onHide</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/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"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></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">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component's hover-state is changing.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></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">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onHoverChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/Component.ts#L602">src/ts/components/Component.ts:602</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="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"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the component is showing.
See the detailed explanation on event architecture on the #componentEvents events list.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onShow</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/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="ontoggle"><span>on<wbr/>Toggle</span><a href="#ontoggle" aria-label="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="ontoggleontoggle"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onToggle</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"><</span><a href="ToggleButton.html" class="tsd-signature-type tsd-kind-class">ToggleButton</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="ToggleButton.html#constructortogglebuttonconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the button is toggled.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="ToggleButton.html" class="tsd-signature-type tsd-kind-class">ToggleButton</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="ToggleButton.html#constructortogglebuttonconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onToggle</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/buttons/ToggleButton.ts#L198">src/ts/components/buttons/ToggleButton.ts:198</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ontoggleoff"><span>on<wbr/>Toggle<wbr/>Off</span><a href="#ontoggleoff" aria-label="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="ontoggleoffontoggleoff"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onToggleOff</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"><</span><a href="ToggleButton.html" class="tsd-signature-type tsd-kind-class">ToggleButton</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="ToggleButton.html#constructortogglebuttonconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the button is toggled 'off'.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="ToggleButton.html" class="tsd-signature-type tsd-kind-class">ToggleButton</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="ToggleButton.html#constructortogglebuttonconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onToggleOff</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/buttons/ToggleButton.ts#L214">src/ts/components/buttons/ToggleButton.ts:214</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="ontoggleon"><span>on<wbr/>Toggle<wbr/>On</span><a href="#ontoggleon" aria-label="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="ontoggleonontoggleon"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onToggleOn</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"><</span><a href="ToggleButton.html" class="tsd-signature-type tsd-kind-class">ToggleButton</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="ToggleButton.html#constructortogglebuttonconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the button is toggled 'on'.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="ToggleButton.html" class="tsd-signature-type tsd-kind-class">ToggleButton</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="ToggleButton.html#constructortogglebuttonconfig">Config</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">NoArgs</span><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onToggleOn</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/buttons/ToggleButton.ts#L206">src/ts/components/buttons/ToggleButton.ts:206</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"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></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">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets the event that is fired when the <code>ViewMode</code> of this component has changed.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"><</span><a href="Component.html" class="tsd-signature-type tsd-kind-class">Component</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Component.html#constructorcomponentconfig">Config</a><span class="tsd-signature-symbol">></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">></span></h4><aside class="tsd-sources"><p>Inherited from ToggleButton.onViewModeChanged</p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/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><span class="tsd-kind-parameter">player</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">PlayerAPI</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">uimanager</span><span class="tsd-signature-symbol">:</span> <a href="UIInstanceManager.html" class="tsd-signature-type tsd-kind-class">UIInstanceManager</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#configure-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Configures the component for the supplied Player and UIInstanceManager. This is the place where all the magic
happens, where components typically subscribe and react to events (on their DOM element, the Player, or the
UIInstanceManager), and basically everything that makes them interactive.
This method is called only once, when the UIManager initializes the UI.</p>
<p>Subclasses usually overwrite this method to add their own functionality.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">player</span>: <span class="tsd-signature-type">PlayerAPI</span></span><div class="tsd-comment tsd-typography"><p>the player which this component controls</p>
</div></li><li><span><span class="tsd-kind-parameter">uimanager</span>: <a href="UIInstanceManager.html" class="tsd-signature-type tsd-kind-class">UIInstanceManager</a></span><div class="tsd-comment tsd-typography"><p>the UIInstanceManager that manages this component</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="ToggleButton.html">ToggleButton</a>.<a href="ToggleButton.html#configure">configure</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/buttons/AirPlayToggleButton.ts#L25">src/ts/components/buttons/AirPlayToggleButton.ts:25</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Disables the component.
This method basically transfers the component into the disabled state. Actual disabling is done via CSS or child
components. (e.g. Button needs to unsubscribe click listeners)</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="ToggleButton.html">ToggleButton</a>.<a href="ToggleButton.html#disable">disable</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/Component.ts#L459">src/ts/components/Component.ts:459</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables the component.
This method basically transfers the component into the enabled state. Actual enabling is done via CSS or child
components. (e.g. Button needs to subscribe click listeners)</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="ToggleButton.html">ToggleButton</a>.<a href="ToggleButton.html#enable">enable</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/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/ToggleButtonConfig.html" class="tsd-signature-type tsd-kind-interface">ToggleButtonConfig</a><a href="#getconfig-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the configuration object of the component.</p>
</div><h4 class="tsd-returns-title">Returns <a href="../interfaces/ToggleButtonConfig.html" class="tsd-signature-type tsd-kind-interface">ToggleButtonConfig</a></h4><aside class="tsd-sources"><p>Inherited from <a href="ToggleButton.html">ToggleButton</a>.<a href="ToggleButton.html#getconfig">getConfig</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/Component.ts#L400">src/ts/components/Component.ts:400</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="getdomelement"><span>get<wbr/>Dom<wbr/>Element</span><a href="#getdomelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="getdomelement-1"><span class="tsd-kind-call-signature">getDomElement</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DOM</span><a href="#getdomelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the DOM element of this component. Creates the DOM element if it does not yet exist.</p>
<p>Should not be overwritten by subclasses.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">DOM</span></h4><aside class="tsd-sources"><p>Inherited from <a href="ToggleButton.html">ToggleButton</a>.<a href="ToggleButton.html#getdomelement">getDomElement</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/Component.ts#L335">src/ts/components/Component.ts:335</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="hasdomelement"><span>has<wbr/>Dom<wbr/>Element</span><a href="#hasdomelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="hasdomelement-1"><span class="tsd-kind-call-signature">hasDomElement</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#hasdomelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Checks if this component has a DOM element.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><p>Inherited from <a href="ToggleButton.html">ToggleButton</a>.<a href="ToggleButton.html#hasdomelement">hasDomElement</a></p><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/components/Component.ts#L346">src/ts/components/Component.ts:346</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="hide"><span>hide</span><a href="#hide" ari