{{! Templated markup for common controls and elements }}

{{#BreadcrumbButton}}
<button type="button" class="btn btn-txt btn-txt-breadcrumb left action-async-request" {{attrAsyncRequestUri}}="{{asyncRequestUri}}" title="{{title}}"><span><span class="heading">{{title}}</span></span></button>
{{/BreadcrumbButton}}

{{#BreadcrumbHeading}}
<h2 class="float-left">{{title}}</h2>
{{/BreadcrumbHeading}}

{{#ButtonSmallCheck}}
<button type="button" class="btn btn-sml btn-sml-check right action-selectable-item {{classes}}" title="{{title}}"><span>{{text}}</span></button>
{{/ButtonSmallCheck}}

{{#BadgeRowCheck}}
<button type="button" class="btn btn-sml badge-row-check right {{classes}}" title="{{title}}"><span>{{text}}</span></button>
{{/BadgeRowCheck}}

{{#Flyover}}
<div id="{{id}}{{^id}}divFlyoverTemplate{{/id}}" style="display: none">
    <div class="flyover CheckerboxFlyover checkerbox-ui">
        <header>
            <h3 class="icon left {{iconClass}} icon-inverse-color">{{title}}</h3>
            <button type="button" class="btn btn-nano btn-nano-close right btn-close action-close-flyover" title="Close"><span>Close</span></button>
        </header>
        <div class="contents">{{{contents}}}</div>
        <footer class="right">
            <span class="right space-vert-btn space-hoz-btn">{{footnote}}</span>
            <button type="button" class="btn btn-txt btn-txt-grey right btn-close action-close-flyover" title="Close"><span>Close</span></button>
        </footer>
    </div>
</div>
{{/Flyover}}