com.phloxui
Version:
PhloxUI Ng2+ Framework
761 lines • 79.7 kB
HTML
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AbstractRippleButton | com.phloxui</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.js" data-base="..">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="../index.html" class="title">com.phloxui</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-externals" checked />
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
<input type="checkbox" id="tsd-filter-only-exported" />
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="../globals.html">Globals</a>
</li>
<li>
<a href="../modules/_component_abstractripplebutton_.html">"component/AbstractRippleButton"</a>
</li>
<li>
<a href="_component_abstractripplebutton_.abstractripplebutton.html">AbstractRippleButton</a>
</li>
</ul>
<h1>Class AbstractRippleButton</h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<div class="lead">
<p style="text-indent: 2em;">
An abstract base class of clickable component (such as buttons) playing <code>ripple</code> effect when it is clicked.
</p>
</div>
<dl class="tsd-comment-tags">
<dt>author</dt>
<dd><p>shiorin, tee4cute</p>
</dd>
</dl>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h3>Hierarchy</h3>
<ul class="tsd-hierarchy">
<li>
<a href="_share_abstracti18napplicable_.abstracti18napplicable.html" class="tsd-signature-type">AbstractI18NApplicable</a>
<ul class="tsd-hierarchy">
<li>
<span class="target">AbstractRippleButton</span>
<ul class="tsd-hierarchy">
<li>
<a href="_component_abstractnavitem_.abstractnavitem.html" class="tsd-signature-type">AbstractNavItem</a>
</li>
<li>
<a href="_component_simpleripplebutton_component_.simpleripplebutton.html" class="tsd-signature-type">SimpleRippleButton</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel">
<h3>Implements</h3>
<ul class="tsd-hierarchy">
<li><a href="../interfaces/_share_ihasoptions_.ihasoptions.html" class="tsd-signature-type">IHasOptions</a></li>
<li><a href="../interfaces/_share_ii18napplicable_.ii18napplicable.html" class="tsd-signature-type">II18NApplicable</a></li>
<li><a href="../interfaces/_component_iapplicationaware_.iapplicationaware.html" class="tsd-signature-type">IApplicationAware</a></li>
<li><a href="../interfaces/_component_ineedfocus_.ineedfocus.html" class="tsd-signature-type">INeedFocus</a></li>
</ul>
</section>
<section class="tsd-panel-group tsd-index-group">
<h2>Index</h2>
<section class="tsd-panel tsd-index-panel">
<div class="tsd-index-content">
<section class="tsd-index-section ">
<h3>Constructors</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#constructor" class="tsd-kind-icon">constructor</a></li>
</ul>
</section>
<section class="tsd-index-section tsd-is-private-protected">
<h3>Properties</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#beforechangeevent" class="tsd-kind-icon">before<wbr>Change<wbr>Event</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#beforefocusevent" class="tsd-kind-icon">before<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#beforelostfocusevent" class="tsd-kind-icon">before<wbr>Lost<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#bypass" class="tsd-kind-icon">bypass</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#focusevent" class="tsd-kind-icon">focus<wbr>Event</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#i18nkey" class="tsd-kind-icon">i18n<wbr>Key</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#i18nvalue" class="tsd-kind-icon">i18n<wbr>Value</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#lostfocusevent" class="tsd-kind-icon">lost<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#needfocusservice" class="tsd-kind-icon">need<wbr>Focus<wbr>Service</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#options" class="tsd-kind-icon">options</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#phloxappservice" class="tsd-kind-icon">phlox<wbr>App<wbr>Service</a></li>
</ul>
</section>
<section class="tsd-index-section tsd-is-private tsd-is-private-protected">
<h3>Accessors</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-private"><a href="_component_abstractripplebutton_.abstractripplebutton.html#app" class="tsd-kind-icon">app</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Methods</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_component_abstractripplebutton_.abstractripplebutton.html#applyi18n" class="tsd-kind-icon">apply<wbr>I18N</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#dofocus" class="tsd-kind-icon">do<wbr>Focus</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#dolostfocus" class="tsd-kind-icon">do<wbr>Lost<wbr>Focus</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#emitbeforefocusevent" class="tsd-kind-icon">emit<wbr>Before<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#emitbeforelostfocusevent" class="tsd-kind-icon">emit<wbr>Before<wbr>Lost<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#emitfocusevent" class="tsd-kind-icon">emit<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractripplebutton_.abstractripplebutton.html#emitlostfocusevent" class="tsd-kind-icon">emit<wbr>Lost<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#getapplication" class="tsd-kind-icon">get<wbr>Application</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#getbeforefocusevent" class="tsd-kind-icon">get<wbr>Before<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#getbeforelostfocusevent" class="tsd-kind-icon">get<wbr>Before<wbr>Lost<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#getfocusevent" class="tsd-kind-icon">get<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_component_abstractripplebutton_.abstractripplebutton.html#geti18nkey" class="tsd-kind-icon">get<wbr>I18NKey</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_component_abstractripplebutton_.abstractripplebutton.html#geti18nvalue" class="tsd-kind-icon">get<wbr>I18NValue</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#getlostfocusevent" class="tsd-kind-icon">get<wbr>Lost<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_component_abstractripplebutton_.abstractripplebutton.html#getoptions" class="tsd-kind-icon">get<wbr>Options</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_component_abstractripplebutton_.abstractripplebutton.html#isbypasskey" class="tsd-kind-icon">is<wbr>Bypass<wbr>Key</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#onclick" class="tsd-kind-icon">on<wbr>Click</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#onfocus" class="tsd-kind-icon">on<wbr>Focus</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#onfocusing" class="tsd-kind-icon">on<wbr>Focusing</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#onlostfocus" class="tsd-kind-icon">on<wbr>Lost<wbr>Focus</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#onlostfocusing" class="tsd-kind-icon">on<wbr>Lost<wbr>Focusing</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#playrippleeffect" class="tsd-kind-icon">play<wbr>Ripple<wbr>Effect</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#setbeforefocusevent" class="tsd-kind-icon">set<wbr>Before<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#setbeforelostfocusevent" class="tsd-kind-icon">set<wbr>Before<wbr>Lost<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_component_abstractripplebutton_.abstractripplebutton.html#setbypasskey" class="tsd-kind-icon">set<wbr>Bypass<wbr>Key</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#setfocusevent" class="tsd-kind-icon">set<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_component_abstractripplebutton_.abstractripplebutton.html#seti18nkey" class="tsd-kind-icon">set<wbr>I18NKey</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractripplebutton_.abstractripplebutton.html#setlostfocusevent" class="tsd-kind-icon">set<wbr>Lost<wbr>Focus<wbr>Event</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_component_abstractripplebutton_.abstractripplebutton.html#setoptions" class="tsd-kind-icon">set<wbr>Options</a></li>
</ul>
</section>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Constructors</h2>
<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
<a name="constructor" class="tsd-anchor"></a>
<h3>constructor</h3>
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">new <wbr>Abstract<wbr>Ripple<wbr>Button<span class="tsd-signature-symbol">(</span>phloxAppService<span class="tsd-signature-symbol">: </span><a href="_service_phloxappservice_service_.phloxappservice.html" class="tsd-signature-type">PhloxAppService</a>, needFocusService<span class="tsd-signature-symbol">: </span><a href="_service_needfocusservice_service_.needfocusservice.html" class="tsd-signature-type">NeedFocusService</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_abstractripplebutton_.abstractripplebutton.html" class="tsd-signature-type">AbstractRippleButton</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:45</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>phloxAppService: <a href="_service_phloxappservice_service_.phloxappservice.html" class="tsd-signature-type">PhloxAppService</a></h5>
</li>
<li>
<h5>needFocusService: <a href="_service_needfocusservice_service_.needfocusservice.html" class="tsd-signature-type">NeedFocusService</a></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_component_abstractripplebutton_.abstractripplebutton.html" class="tsd-signature-type">AbstractRippleButton</a></h4>
</li>
</ul>
</section>
</section>
<section class="tsd-panel-group tsd-member-group tsd-is-private-protected">
<h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="beforechangeevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> before<wbr>Change<wbr>Event</h3>
<div class="tsd-signature tsd-kind-icon">before<wbr>Change<wbr>Event<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:36</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="beforefocusevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> before<wbr>Focus<wbr>Event</h3>
<div class="tsd-signature tsd-kind-icon">before<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:28</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="beforelostfocusevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> before<wbr>Lost<wbr>Focus<wbr>Event</h3>
<div class="tsd-signature tsd-kind-icon">before<wbr>Lost<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:32</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a name="bypass" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> bypass</h3>
<div class="tsd-signature tsd-kind-icon">bypass<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
<aside class="tsd-sources">
<p>Inherited from <a href="_share_abstracti18napplicable_.abstracti18napplicable.html">AbstractI18NApplicable</a>.<a href="_share_abstracti18napplicable_.abstracti18napplicable.html#bypass">bypass</a></p>
<ul>
<li>Defined in share/AbstractI18NApplicable.ts:12</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="focusevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> focus<wbr>Event</h3>
<div class="tsd-signature tsd-kind-icon">focus<wbr>Event<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:30</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a name="i18nkey" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> i18n<wbr>Key</h3>
<div class="tsd-signature tsd-kind-icon">i18n<wbr>Key<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<p>Inherited from <a href="_share_abstracti18napplicable_.abstracti18napplicable.html">AbstractI18NApplicable</a>.<a href="_share_abstracti18napplicable_.abstracti18napplicable.html#i18nkey">i18nKey</a></p>
<ul>
<li>Defined in share/AbstractI18NApplicable.ts:10</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a name="i18nvalue" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> i18n<wbr>Value</h3>
<div class="tsd-signature tsd-kind-icon">i18n<wbr>Value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<p>Inherited from <a href="_share_abstracti18napplicable_.abstracti18napplicable.html">AbstractI18NApplicable</a>.<a href="_share_abstracti18napplicable_.abstracti18napplicable.html#i18nvalue">i18nValue</a></p>
<ul>
<li>Defined in share/AbstractI18NApplicable.ts:13</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="lostfocusevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> lost<wbr>Focus<wbr>Event</h3>
<div class="tsd-signature tsd-kind-icon">lost<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:34</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="needfocusservice" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> need<wbr>Focus<wbr>Service</h3>
<div class="tsd-signature tsd-kind-icon">need<wbr>Focus<wbr>Service<span class="tsd-signature-symbol">:</span> <a href="_service_needfocusservice_service_.needfocusservice.html" class="tsd-signature-type">NeedFocusService</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:38</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a name="options" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> options</h3>
<div class="tsd-signature tsd-kind-icon">options<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<p>Inherited from <a href="_share_abstracthasoptions_.abstracthasoptions.html">AbstractHasOptions</a>.<a href="_share_abstracthasoptions_.abstracthasoptions.html#options">options</a></p>
<ul>
<li>Defined in share/AbstractHasOptions.ts:5</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="phloxappservice" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> phlox<wbr>App<wbr>Service</h3>
<div class="tsd-signature tsd-kind-icon">phlox<wbr>App<wbr>Service<span class="tsd-signature-symbol">:</span> <a href="_service_phloxappservice_service_.phloxappservice.html" class="tsd-signature-type">PhloxAppService</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:37</li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group tsd-is-private tsd-is-private-protected">
<h2>Accessors</h2>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<a name="app" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> app</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> app<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_phloxapp_component_.phloxapp.html" class="tsd-signature-type">PhloxApp</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:40</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <a href="_component_phloxapp_component_.phloxapp.html" class="tsd-signature-type">PhloxApp</a></h4>
</li>
</ul>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Methods</h2>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="applyi18n" class="tsd-anchor"></a>
<h3>apply<wbr>I18N</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">apply<wbr>I18N<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_share_ii18napplicable_.ii18napplicable.html">II18NApplicable</a>.<a href="../interfaces/_share_ii18napplicable_.ii18napplicable.html#applyi18n">applyI18N</a></p>
<p>Inherited from <a href="_share_abstracti18napplicable_.abstracti18napplicable.html">AbstractI18NApplicable</a>.<a href="_share_abstracti18napplicable_.abstracti18napplicable.html#applyi18n">applyI18N</a></p>
<ul>
<li>Defined in share/AbstractI18NApplicable.ts:15</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>value: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<a name="dofocus" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> <span class="tsd-flag ts-flagAbstract">Abstract</span> do<wbr>Focus</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">do<wbr>Focus<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:261</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>$event: <span class="tsd-signature-type">Event</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<a name="dolostfocus" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> <span class="tsd-flag ts-flagAbstract">Abstract</span> do<wbr>Lost<wbr>Focus</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">do<wbr>Lost<wbr>Focus<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:263</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>$event: <span class="tsd-signature-type">Event</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<a name="emitbeforefocusevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> emit<wbr>Before<wbr>Focus<wbr>Event</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">emit<wbr>Before<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:66</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> $event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<a name="emitbeforelostfocusevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> emit<wbr>Before<wbr>Lost<wbr>Focus<wbr>Event</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">emit<wbr>Before<wbr>Lost<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:85</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> $event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<a name="emitfocusevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> emit<wbr>Focus<wbr>Event</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">emit<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:76</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>$event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<a name="emitlostfocusevent" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> emit<wbr>Lost<wbr>Focus<wbr>Event</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">emit<wbr>Lost<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:95</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>$event: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getapplication" class="tsd-anchor"></a>
<h3>get<wbr>Application</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Application<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_phloxapp_component_.phloxapp.html" class="tsd-signature-type">PhloxApp</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_component_iapplicationaware_.iapplicationaware.html">IApplicationAware</a>.<a href="../interfaces/_component_iapplicationaware_.iapplicationaware.html#getapplication">getApplication</a></p>
<ul>
<li>Defined in component/AbstractRippleButton.ts:62</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <a href="_component_phloxapp_component_.phloxapp.html" class="tsd-signature-type">PhloxApp</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getbeforefocusevent" class="tsd-anchor"></a>
<h3>get<wbr>Before<wbr>Focus<wbr>Event</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Before<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:245</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getbeforelostfocusevent" class="tsd-anchor"></a>
<h3>get<wbr>Before<wbr>Lost<wbr>Focus<wbr>Event</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Before<wbr>Lost<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:229</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getfocusevent" class="tsd-anchor"></a>
<h3>get<wbr>Focus<wbr>Event</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:253</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="geti18nkey" class="tsd-anchor"></a>
<h3>get<wbr>I18NKey</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>I18NKey<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_share_ii18napplicable_.ii18napplicable.html">II18NApplicable</a>.<a href="../interfaces/_share_ii18napplicable_.ii18napplicable.html#geti18nkey">getI18NKey</a></p>
<p>Inherited from <a href="_share_abstracti18napplicable_.abstracti18napplicable.html">AbstractI18NApplicable</a>.<a href="_share_abstracti18napplicable_.abstracti18napplicable.html#geti18nkey">getI18NKey</a></p>
<ul>
<li>Defined in share/AbstractI18NApplicable.ts:56</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="geti18nvalue" class="tsd-anchor"></a>
<h3>get<wbr>I18NValue</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>I18NValue<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_share_abstracti18napplicable_.abstracti18napplicable.html">AbstractI18NApplicable</a>.<a href="_share_abstracti18napplicable_.abstracti18napplicable.html#geti18nvalue">getI18NValue</a></p>
<ul>
<li>Defined in share/AbstractI18NApplicable.ts:79</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getlostfocusevent" class="tsd-anchor"></a>
<h3>get<wbr>Lost<wbr>Focus<wbr>Event</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Lost<wbr>Focus<wbr>Event<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:237</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="getoptions" class="tsd-anchor"></a>
<h3>get<wbr>Options</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>Options<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_share_ihasoptions_.ihasoptions.html">IHasOptions</a>.<a href="../interfaces/_share_ihasoptions_.ihasoptions.html#getoptions">getOptions</a></p>
<p>Inherited from <a href="_share_abstracthasoptions_.abstracthasoptions.html">AbstractHasOptions</a>.<a href="_share_abstracthasoptions_.abstracthasoptions.html#getoptions">getOptions</a></p>
<ul>
<li>Defined in share/AbstractHasOptions.ts:7</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="isbypasskey" class="tsd-anchor"></a>
<h3>is<wbr>Bypass<wbr>Key</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">is<wbr>Bypass<wbr>Key<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_share_ii18napplicable_.ii18napplicable.html">II18NApplicable</a>.<a href="../interfaces/_share_ii18napplicable_.ii18napplicable.html#isbypasskey">isBypassKey</a></p>
<p>Inherited from <a href="_share_abstracti18napplicable_.abstracti18napplicable.html">AbstractI18NApplicable</a>.<a href="_share_abstracti18napplicable_.abstracti18napplicable.html#isbypasskey">isBypassKey</a></p>
<ul>
<li>Defined in share/AbstractI18NApplicable.ts:71</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="onclick" class="tsd-anchor"></a>
<h3>on<wbr>Click</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">on<wbr>Click<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:214</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p style="text-indent: 1em;">
A default implementation of <code>click</code> <code>handler</code> method which automatcially plays a <code>ripple</code> effect
(<a href="_component_abstractripplebutton_.abstractripplebutton.html#playrippleeffect">playRippleEffect</a>) at the position specified in <code><b>event</b></code> object.
</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">MouseEvent</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="onfocus" class="tsd-anchor"></a>
<h3>on<wbr>Focus</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">on<wbr>Focus<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, fireEvent<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></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:128</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>$event: <span class="tsd-signature-type">any</span></h5>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> fireEvent: <span class="tsd-signature-type">boolean</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="onfocusing" class="tsd-anchor"></a>
<h3>on<wbr>Focusing</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">on<wbr>Focusing<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractRippleButton.ts:221</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>$event: <span class="tsd-signature-type">Event</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="onlostfocus" class="tsd-anchor"></a>
<h3>on<wbr>Lost<wbr>Focus</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">on<wbr>Lost<wbr>Focus<span class="tsd-signature-symbol">(</span>$event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, fireEvent<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-si