docs/classes/_elements_nestableelement_.nestableelement.html
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>NestableElement | Aych</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>
<ul class="results-priority" style="display:none">
</ul>
<a href="../index.html" class="title">Aych</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>
</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="../modules/_elements_nestableelement_.html">elements/NestableElement</a>
</li>
<li>
<a href="_elements_nestableelement_.nestableelement.html">NestableElement</a>
</li>
</ul>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-3 col-menu menu-sticky-wrap menu-highlight">
<nav class="tsd-navigation outline primary">
<a style="margin-left:0em" href="../globals.html">Globals</a>
<ul style="display:none">
{"Library":{"H":"_h_","Aych":"classes/_core_aych_.aych"},"Core":{"Piper":"classes/_core_piper_.piper","Renderable":"classes/_core_renderable_.renderable","StringLiteral":"classes/_core_stringliteral_.stringliteral"},"Elements":{"Element":"classes/_elements_element_.element","EmptyElement":"classes/_elements_emptyelement_.emptyelement","NestableElement":"classes/_elements_nestableelement_.nestableelement"},"Interfaces":{"Attributes":"interfaces/_interfaces_attributes_.attributes","RenderOptions":"interfaces/_interfaces_render_options_.renderoptions","SimpleObject":"interfaces/_interfaces_simple_object_.simpleobject"},"Structural":{"Each":"classes/_structural_each_.each","If":"classes/_structural_if_.if","Switch":"classes/_structural_switch_.switch","Group":"classes/_structural_group_.group"}}
</ul>
</nav>
</div>
<div class="col-7 offset-3 col-content">
<h1>Class NestableElement</h1>
<section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>The NestableElement class represents elements that have an opening and closing tag.</p>
</div>
</div></section>
<section class="tsd-panel tsd-hierarchy">
<h3>Hierarchy</h3>
<ul class="tsd-hierarchy">
<li>
<a href="_elements_element_.element.html" class="tsd-signature-type">Element</a>
<ul class="tsd-hierarchy">
<li>
<span class="target">NestableElement</span>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel-group tsd-index-group">
<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 tsd-is-overwrite"><a href="_elements_nestableelement_.nestableelement.html#constructor" class="tsd-kind-icon">constructor</a></li>
</ul>
</section>
<section class="tsd-index-section tsd-is-inherited tsd-is-private-protected">
<h3>Properties</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected"><a href="_elements_nestableelement_.nestableelement.html#templates" class="tsd-kind-icon">templates</a></li>
</ul>
</section>
<section class="tsd-index-section tsd-is-inherited">
<h3>Accessors</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#r" class="tsd-kind-icon">r</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"><a href="_elements_nestableelement_.nestableelement.html#addchild" class="tsd-kind-icon">addChild</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#append" class="tsd-kind-icon">append</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#getattributes" class="tsd-kind-icon">getAttributes</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_elements_nestableelement_.nestableelement.html#getchildren" class="tsd-kind-icon">getChildren</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#getclasslist" class="tsd-kind-icon">getClassList</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected"><a href="_elements_nestableelement_.nestableelement.html#gethtmlattributelist" class="tsd-kind-icon">getHtmlAttributeList</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#getid" class="tsd-kind-icon">getId</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#gettag" class="tsd-kind-icon">getTag</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected"><a href="_elements_nestableelement_.nestableelement.html#internalrender" class="tsd-kind-icon">internalRender</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#render" class="tsd-kind-icon">render</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#setattribute" class="tsd-kind-icon">setAttribute</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#setattributes" class="tsd-kind-icon">setAttributes</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_elements_nestableelement_.nestableelement.html#setchildren" class="tsd-kind-icon">setChildren</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#setclasslist" class="tsd-kind-icon">setClassList</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#setid" class="tsd-kind-icon">setId</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected"><a href="_elements_nestableelement_.nestableelement.html#setidentifierstring" class="tsd-kind-icon">setIdentifierString</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#setidentifiers" class="tsd-kind-icon">setIdentifiers</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#tostring" class="tsd-kind-icon">toString</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#when" class="tsd-kind-icon">when</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="_elements_nestableelement_.nestableelement.html#with" class="tsd-kind-icon">with</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected tsd-is-static"><a href="_elements_nestableelement_.nestableelement.html#isidentifierstring" class="tsd-kind-icon">isIdentifierString</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 tsd-is-overwrite">
<a name="constructor" class="tsd-anchor"></a>
<h3>constructor</h3>
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
<li class="tsd-signature tsd-kind-icon">new <wbr>Nestable<wbr>Element<span class="tsd-signature-symbol">(</span>tag<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, tier1<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/_interfaces_attributes_.attributes.html" class="tsd-signature-type">Attributes</a>, tier2<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/_interfaces_attributes_.attributes.html" class="tsd-signature-type">Attributes</a>, <span class="tsd-signature-symbol">...</span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_elements_nestableelement_.nestableelement.html" class="tsd-signature-type">NestableElement</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Overrides <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#constructor">constructor</a></p>
<ul>
<li>Defined in elements/NestableElement.ts:11</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Constructs an nested element.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>tag: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>tag name of the element</p>
</div>
</div>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> tier1: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/_interfaces_attributes_.attributes.html" class="tsd-signature-type">Attributes</a></h5>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>The first level of parameters. If this parameter is a string, but it is not an identifier string,
then it will be treated a string child and nothing should follow it. If this parameter is a string, and is an identifier string, then it
will set the id and classes of the element. If this parameter is an Element, then it will become a child and
every following parameter will need to be an Element as well. If this parameter is an Attributes, then it will set
the attributes of the element and will need to be followed by either a string (as a child), an Element, or
nothing.</p>
</div>
</div>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> tier2: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/_interfaces_attributes_.attributes.html" class="tsd-signature-type">Attributes</a></h5>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>The second level of parameters. If this parameter is a string then it will be treated a string
child and nothing should follow it. If this parameter is an Element, then it will become a child and
every following parameter will need to be an Element as well. If this parameter is an Attributes, then it will
set the attributes of the element and will need to be followed by a set of Elements or none.</p>
</div>
</div>
</li>
<li>
<h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>children: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>A set of children elements.</p>
</div>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_elements_nestableelement_.nestableelement.html" class="tsd-signature-type">NestableElement</a></h4>
</li>
</ul>
</section>
</section>
<section class="tsd-panel-group tsd-member-group tsd-is-inherited tsd-is-private-protected">
<h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a name="templates" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> templates</h3>
<div class="tsd-signature tsd-kind-icon">templates<span class="tsd-signature-symbol">:</span> <a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a></div>
<aside class="tsd-sources">
<p>Inherited from <a href="_core_renderable_.renderable.html">Renderable</a>.<a href="_core_renderable_.renderable.html#templates">templates</a></p>
<ul>
<li>Defined in core/Renderable.ts:12</li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
<h2>Accessors</h2>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
<a name="r" class="tsd-anchor"></a>
<h3>r</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> r<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>Inherited from <a href="_core_renderable_.renderable.html">Renderable</a>.<a href="_core_renderable_.renderable.html#r">r</a></p>
<ul>
<li>Defined in core/Renderable.ts:62</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Getting for the HTML returned by the render function.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></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">
<a name="addchild" class="tsd-anchor"></a>
<h3>add<wbr>Child</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">add<wbr>Child<span class="tsd-signature-symbol">(</span>child<span class="tsd-signature-symbol">: </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in elements/NestableElement.ts:80</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Appends a child.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>child: <a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>either a string or renderable</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="append" class="tsd-anchor"></a>
<h3>append</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">append<span class="tsd-signature-symbol">(</span>templates<span class="tsd-signature-symbol">: </span><a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a>, prioritize<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><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_core_renderable_.renderable.html">Renderable</a>.<a href="_core_renderable_.renderable.html#append">append</a></p>
<ul>
<li>Defined in core/Renderable.ts:42</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Appends templates to the existing templates object.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>templates: <a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>Key-value pairs that map to a template rendered in StringLiteral's</p>
</div>
</li>
<li>
<h5><span class="tsd-flag ts-flagDefault value">Default value</span> prioritize: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>Whether or not to allow appended templates to override existing template properties</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="getattributes" class="tsd-anchor"></a>
<h3>get<wbr>Attributes</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>Attributes<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/_interfaces_attributes_.attributes.html" class="tsd-signature-type">Attributes</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#getattributes">getAttributes</a></p>
<ul>
<li>Defined in elements/Element.ts:72</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Get attributes</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <a href="../interfaces/_interfaces_attributes_.attributes.html" class="tsd-signature-type">Attributes</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getchildren" class="tsd-anchor"></a>
<h3>get<wbr>Children</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Children<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol">[]</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in elements/NestableElement.ts:63</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Gets the children.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><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="getclasslist" class="tsd-anchor"></a>
<h3>get<wbr>Class<wbr>List</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>Class<wbr>List<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#getclasslist">getClassList</a></p>
<ul>
<li>Defined in elements/Element.ts:64</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Get element class list</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</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 tsd-is-protected">
<a name="gethtmlattributelist" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> get<wbr>Html<wbr>Attribute<wbr>List</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">get<wbr>Html<wbr>Attribute<wbr>List<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>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#gethtmlattributelist">getHtmlAttributeList</a></p>
<ul>
<li>Defined in elements/Element.ts:202</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Given an object of attributes, converts attributes into the HTML equivalent list.</p>
</div>
</div>
<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="getid" class="tsd-anchor"></a>
<h3>get<wbr>Id</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>Id<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><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#getid">getId</a></p>
<ul>
<li>Defined in elements/Element.ts:56</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Get element id</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span>
<span class="tsd-signature-symbol"> | </span>
<span class="tsd-signature-type">null</span>
</h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="gettag" class="tsd-anchor"></a>
<h3>get<wbr>Tag</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>Tag<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>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#gettag">getTag</a></p>
<ul>
<li>Defined in elements/Element.ts:51</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Get element tag</p>
</div>
</div>
<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-overwrite tsd-is-protected">
<a name="internalrender" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> internal<wbr>Render</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">internal<wbr>Render<span class="tsd-signature-symbol">(</span>templates<span class="tsd-signature-symbol">: </span><a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a><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>Overrides <a href="_core_renderable_.renderable.html">Renderable</a>.<a href="_core_renderable_.renderable.html#internalrender">internalRender</a></p>
<ul>
<li>Defined in elements/NestableElement.ts:86</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-tags">
<dl class="tsd-comment-tags"><dt>inheritdoc</dt>
<dd></dd></dl>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>templates: <a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a></h5>
</li>
</ul>
<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="render" class="tsd-anchor"></a>
<h3>render</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span>templates<span class="tsd-signature-symbol">?: </span><a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a>, options<span class="tsd-signature-symbol">?: </span><a href="../interfaces/_interfaces_render_options_.renderoptions.html" class="tsd-signature-type">RenderOptions</a><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>Inherited from <a href="_core_renderable_.renderable.html">Renderable</a>.<a href="_core_renderable_.renderable.html#render">render</a></p>
<ul>
<li>Defined in core/Renderable.ts:52</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Renders the internalRender function.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> templates: <a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>Templates to pass in</p>
</div>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <a href="../interfaces/_interfaces_render_options_.renderoptions.html" class="tsd-signature-type">RenderOptions</a></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>Render options</p>
</div>
</li>
</ul>
<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="setattribute" class="tsd-anchor"></a>
<h3>set<wbr>Attribute</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">set<wbr>Attribute<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, value<span class="tsd-signature-symbol">: </span><a href="../modules/_interfaces_attributes_.html#attribute" class="tsd-signature-type">Attribute</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#setattribute">setAttribute</a></p>
<ul>
<li>Defined in elements/Element.ts:127</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Sets an attribute of the element</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>name: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>Name of the attribute.</p>
</div>
</li>
<li>
<h5>value: <a href="../modules/_interfaces_attributes_.html#attribute" class="tsd-signature-type">Attribute</a></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>The attribute value. Alternatively accepts an array with the form: [condition, string1, string2?]
which will use string1 if condition == trye. Otherwise it will use string2 if it exists. If string2 is not
defined and condition == false, then the attribute will be omitted.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="setattributes" class="tsd-anchor"></a>
<h3>set<wbr>Attributes</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">set<wbr>Attributes<span class="tsd-signature-symbol">(</span>attributes<span class="tsd-signature-symbol">: </span><a href="../interfaces/_interfaces_attributes_.attributes.html" class="tsd-signature-type">Attributes</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#setattributes">setAttributes</a></p>
<ul>
<li>Defined in elements/Element.ts:113</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Sets the attributes</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>attributes: <a href="../interfaces/_interfaces_attributes_.attributes.html" class="tsd-signature-type">Attributes</a></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="setchildren" class="tsd-anchor"></a>
<h3>set<wbr>Children</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">set<wbr>Children<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in elements/NestableElement.ts:71</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Sets the children.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>children: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>one or more children</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="setclasslist" class="tsd-anchor"></a>
<h3>set<wbr>Class<wbr>List</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">set<wbr>Class<wbr>List<span class="tsd-signature-symbol">(</span>classes<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#setclasslist">setClassList</a></p>
<ul>
<li>Defined in elements/Element.ts:89</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Sets the elements class list.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>classes: <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>The new set of classes that the element will get.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="setid" class="tsd-anchor"></a>
<h3>set<wbr>Id</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">set<wbr>Id<span class="tsd-signature-symbol">(</span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#setid">setId</a></p>
<ul>
<li>Defined in elements/Element.ts:80</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Set the ID.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>id: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>The new id.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a name="setidentifierstring" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> set<wbr>Identifier<wbr>String</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<li class="tsd-signature tsd-kind-icon">set<wbr>Identifier<wbr>String<span class="tsd-signature-symbol">(</span>identifier<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#setidentifierstring">setIdentifierString</a></p>
<ul>
<li>Defined in elements/Element.ts:188</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Set's the id and classes of the element given an identifier string.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>identifier: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>An identifier string. See isIdentifierString for more information.</p>
</div>
</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-inherited">
<a name="setidentifiers" class="tsd-anchor"></a>
<h3>set<wbr>Identifiers</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">set<wbr>Identifiers<span class="tsd-signature-symbol">(</span>identifier<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#setidentifiers">setIdentifiers</a></p>
<ul>
<li>Defined in elements/Element.ts:100</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Set the identifiers.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>identifier: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>An identifier string. See isIdentifierString for more information.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_elements_element_.element.html" class="tsd-signature-type">Element</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="tostring" class="tsd-anchor"></a>
<h3>to<wbr>String</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">to<wbr>String<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>Inherited from <a href="_core_renderable_.renderable.html">Renderable</a>.<a href="_core_renderable_.renderable.html#tostring">toString</a></p>
<ul>
<li>Defined in core/Renderable.ts:70</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Overrides the toString method called by JavaScript when
string concatenate occurs</p>
</div>
</div>
<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="when" class="tsd-anchor"></a>
<h3>when</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">when<span class="tsd-signature-symbol">(</span>condition<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><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_core_renderable_.renderable.html">Renderable</a>.<a href="_core_renderable_.renderable.html#when">when</a></p>
<ul>
<li>Defined in core/Renderable.ts:32</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Turn on and off the ability for this element to render</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>condition: <span class="tsd-signature-type">boolean</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>The condition that determines whether or not the element can render.</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a name="with" class="tsd-anchor"></a>
<h3>with</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">with<span class="tsd-signature-symbol">(</span>templates<span class="tsd-signature-symbol">: </span><a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_core_renderable_.renderable.html">Renderable</a>.<a href="_core_renderable_.renderable.html#with">with</a></p>
<ul>
<li>Defined in core/Renderable.ts:23</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Sets the templates.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>templates: <a href="../interfaces/_interfaces_simple_object_.simpleobject.html" class="tsd-signature-type">SimpleObject</a></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
<p>Key-value pairs that map to a template rendered in StringLiteral's</p>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_core_renderable_.renderable.html" class="tsd-signature-type">Renderable</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected tsd-is-static">
<a name="isidentifierstring" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagProtected">Protected</span> is<wbr>Identifier<wbr>String</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected tsd-is-static">
<li class="tsd-signature tsd-kind-icon">is<wbr>Identifier<wbr>String<span class="tsd-signature-symbol">(</span>tester<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Inherited from <a href="_elements_element_.element.html">Element</a>.<a href="_elements_element_.element.html#isidentifierstring">isIdentifierString</a></p>
<ul>
<li>Defined in elements/Element.ts:174</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography tsd-comment-shorttext">
<div class="lead">
<p>Determines if a string is an identifier string. An identifier string either starts with "#" or "." and specifies
a list of identifiers for an element. An example is "#book.col.col-xs-5". There can only be a single id and it
must be specified at the beginning. For example: ".col.col-xs-5#book" is not a valid identifier string.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>tester: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography tsd-comment-text">
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
</li>
</ul>
</section>
</section>
<!--{"options":"typedoc.json","tsconfig":"/Users/shawnholman/Desktop/Aych","inputFiles":["./src"],"mode":1,"includeDeclarations":false,"entryPoint":"","exclude":[],"externalPattern":[],"excludeExternals":true,"excludeNotExported":true,"excludeNotDocumented":false,"excludePrivate":true,"excludeProtected":false,"ignoreCompilerErrors":false,"disableSources":false,"includes":"","media":"","out":"./docs","json":"","theme":"node_modules/typedoc-neo-theme/bin/default","name":"Aych","includeVersion":false,"excludeTags":[],"readme":"DOCUMENTATION.md","defaultCategory":"Other","categoryOrder":[],"categorizeByGroup":true,"gitRevision":"","gitRemote":"origin","gaID":"","gaSite":"auto","hideGenerator":false,"toc":[],"disableOutputCheck":false,"help":false,"version":false,"plugin":["typedoc-neo-theme"],"logger":"console","listInvalidSymbolLinks":false,"outline":[{"Library":{"H":"_h_","Aych":"classes/_core_aych_.aych"},"Core":{"Piper":"classes/_core_piper_.piper","Renderable":"classes/_core_renderable_.renderable","StringLiteral":"classes/_core_stringliteral_.stringliteral"},"Elements":{"Element":"classes/_elements_element_.element","EmptyElement":"classes/_elements_emptyelement_.emptyelement","NestableElement":"classes/_elements_nestableelement_.nestableelement"},"Interfaces":{"Attributes":"interfaces/_interfaces_attributes_.attributes","RenderOptions":"interfaces/_interfaces_render_options_.renderoptions","SimpleObject":"interfaces/_interfaces_simple_object_.simpleobject"},"Structural":{"Each":"classes/_structural_each_.each","If":"classes/_structural_if_.if","Switch":"classes/_structural_switch_.switch","Group":"classes/_structural_group_.group"}}]}-->
</div>
<div class="col-2 col-menu secondary-menu">
<nav class="tsd-navigation secondary menu-sticky">
<ul class="before-current">
</ul>
<ul class="current">
<li class="current tsd-kind-class tsd-parent-kind-module root">
<a href="_elements_nestableelement_.nestableelement.html" class="tsd-kind-icon">Nestable<wbr>Element</a>
<ul>
<li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
<a href="_elements_nestableelement_.nestableelement.html#constructor" class="tsd-kind-icon">constructor</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a href="_elements_nestableelement_.nestableelement.html#templates" class="tsd-kind-icon">templates</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#r" class="tsd-kind-icon">r</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_elements_nestableelement_.nestableelement.html#addchild" class="tsd-kind-icon">add<wbr>Child</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#append" class="tsd-kind-icon">append</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#getattributes" class="tsd-kind-icon">get<wbr>Attributes</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_elements_nestableelement_.nestableelement.html#getchildren" class="tsd-kind-icon">get<wbr>Children</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#getclasslist" class="tsd-kind-icon">get<wbr>Class<wbr>List</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a href="_elements_nestableelement_.nestableelement.html#gethtmlattributelist" class="tsd-kind-icon">get<wbr>Html<wbr>Attribute<wbr>List</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#getid" class="tsd-kind-icon">get<wbr>Id</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#gettag" class="tsd-kind-icon">get<wbr>Tag</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
<a href="_elements_nestableelement_.nestableelement.html#internalrender" class="tsd-kind-icon">internal<wbr>Render</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#render" class="tsd-kind-icon">render</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#setattribute" class="tsd-kind-icon">set<wbr>Attribute</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#setattributes" class="tsd-kind-icon">set<wbr>Attributes</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_elements_nestableelement_.nestableelement.html#setchildren" class="tsd-kind-icon">set<wbr>Children</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#setclasslist" class="tsd-kind-icon">set<wbr>Class<wbr>List</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#setid" class="tsd-kind-icon">set<wbr>Id</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected">
<a href="_elements_nestableelement_.nestableelement.html#setidentifierstring" class="tsd-kind-icon">set<wbr>Identifier<wbr>String</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#setidentifiers" class="tsd-kind-icon">set<wbr>Identifiers</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#tostring" class="tsd-kind-icon">to<wbr>String</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#when" class="tsd-kind-icon">when</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_elements_nestableelement_.nestableelement.html#with" class="tsd-kind-icon">with</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected tsd-is-static">
<a href="_elements_nestableelement_.nestableelement.html#isidentifierstring" class="tsd-kind-icon">is<wbr>Identifier<wbr>String</a>
</li>
</ul>
</li>
</ul>
<ul class="after-current">
</ul>
</nav>
</div>
</div>
</div>
<footer class="with-border-bottom">
</footer>
<div class="container tsd-generator">
<p>Generated using <a href="http://typedoc.org/" target="_blank">TypeDoc</a></p>
</div>
<div class="overlay"></div>
<script src="../assets/js/main.js"></script>
<script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.js"><' + '/script>');</script>
</body>
</html>