angular.module('Events').run(['$templateCache',function(t){t.put('Content/static/html/inPerson.html',' <!--<menu-directive></menu-directive>--> <my-view  mseventtype="mseventtype"  defaulttime="timePeriod" page-view="pageshow"></my-view>');t.put('Content/static/html/caroselBanner.html','<div>    <div class="carousel-images">        <div class="browsertextBox">  </div>        <p class="browsertext">            This Website is best viewed in IE11, EDGE, Chrome 44+, FireFox 39+            <span class="closebtn">                <a href="" ng-click="closebrowserText()" aria-label="Close dialog button">                    <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true">                    </span>            </span>            </a>        </p>        <!-- <p class="carousel-arrow left"><span class="arrowicon icon-chevron-left"></span></p>        <p class="carousel-arrow right"><span class="arrowicon icon-chevron-right"></span></p> -->        <div class="imagegroup">                <ul>                <li ng-repeat="slide in premiumEventsData track by $index" index="$index">                    <a href="{{slide.EventUrl}}" target="_blank" ng-if="slide.EventUrl">                        <img ng-src="{{slide.EventImage}}" alt="{{slide.EventTitle}}" title="{{slide.EventTitle}}">                    </a>                    <a href="" ng-if="!slide.EventUrl">                        <img ng-src="{{slide.EventImage}}" alt="{{slide.EventTitle}}" title="{{slide.EventTitle}}">                    </a>                </li>            </ul>        </div>        <ul class="controls" ng-if="premiumEventsData.length > 1">            <li id="playPauseButton">                <a href="" class="btn" >                    <span class="glyphicon glyphicon-play"></span>                </a>            </li>        </ul>    </div>    <div id="carouselLiveRegion" class="sr-only offscreen" aria-live="polite"></div> </div>');t.put('Content/static/html/imageView.html','<div class="parentDiv">        <img ng-src="{{imageurl}}" alt="" class="testImage" ng-if="defaultIcon" />    <img ng-src="{{image4Icon}}" alt="" class="testImage" ng-if="!defaultIcon" /></div>');t.put('Content/static/html/inPersonDirective.html','<div class="container-fluid" ng-show="pageView">       <!--placing H1 outside since it is getting hidden by Carousel when viewed in mobile-->    <h1 role="heading" aria-level="1" class="sr-only events-h1" tabindex="-1">Events</h1>    <div ng-show=FlightingCarousel class="bannerSection">        <div class="bannerInnerSection hidden-xs container-fluid">            <div class="row">                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="homeCarosel">                                        <div class="carousel-images">                        <div class="browsertextBox"></div>                        <p class="browsertext">                            This Website is best viewed in IE11, EDGE, Chrome 44+, FireFox 39+                            <span class="closebtn">                                <a href="" ng-click="closebrowserText()" aria-label="Close dialog button">                                    <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                </a>                            </span>                        </p>                                                <div class="imagegroup">                            <ul>                                <li ng-repeat="slide in premiumEventsData track by $index" index="$index">                                    <a href="{{slide.EventUrl}}" target="_blank" ng-if="slide.EventUrl">                                        <img ng-src="{{slide.EventImage}}" alt="{{slide.EventTitle}}" title="{{slide.EventTitle}}">                                    </a>                                    <a href="" ng-if="!slide.EventUrl">                                        <img ng-src="{{slide.EventImage}}" alt="{{slide.EventTitle}}" title="{{slide.EventTitle}}">                                    </a>                                </li>                            </ul>                        </div>                        <ul class="controls" ng-if="premiumEventsData.length > 1">                            <li id="playPauseButton">                                <a href="" class="btn">                                    <span class="glyphicon glyphicon-play"></span>                                </a>                            </li>                        </ul>                    </div>                    <div id="carouselLiveRegion" class="sr-only offscreen" aria-live="polite"></div>                </div>            </div>        </div>        <!--Responsive-->        <!-- Brand and toggle get grouped for better mobile display -->        <div class="container navbar-header">            <div class="row  ">                <div class="col-xs-11 hidden-lg hidden-md hidden-sm">                    <h2 class="searcForEvents">Search For Events</h2>                </div>                <div class="col-xs-1 pddng0">                    <button type="button" class="navbar-toggle collapsed" ng-click="glyphicon =! glyphicon" id="searchToggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Search For Events">                        <span ng-class="glyphicon ? \'glyphicon glyphicon-chevron-up\':\'glyphicon glyphicon-chevron-down\'"></span>                    </button>                </div>            </div>        </div>        <!-- Content for toggling -->        <div class="collapse navbar-collapse pddng0" id="bs-example-navbar-collapse-1">            <div class="container searchSection" role="search">                <div class="row">                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mrgnBttm">                        <div class="row">                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 hidden-xs">                                <h2 class="searcForEvents">Search For Events</h2>                            </div>                            <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">                                <input type="text" maxlength="500" id="searchBox" aria-label="This is Search Events Edit Box, Search by role, category or product" placeholder="Search by role, category or product" class="form-control textBox searchBox pddng5" ng-model="query" />                            </div>                        </div>                    </div>                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">                        <div class="row">                            <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 xs-paddingrt mrgnBttm">                                <div class="inText">In</div>                            </div>                            <div class="col-md-4 col-lg-4 col-xs-11 col-sm-11 xs-paddingleft mrgnBttm">                                <select class="form-control textBox selectBox1" role="listbox" aria-label="Select time period for events" ng-model="timePeriod" ng-change="changeTimeperiod(timePeriod)">                                    <option value="all">All</option>                                    <option value="next7Days">Next 7 days</option>                                    <option value="next30Days">Next 30 days</option>                                    <option value="next90Days">Next 90 days</option>                                </select>                            </div>                            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 pstnNone">                                <div class="row">                                    <div class="col-xs-1 col-sm-1 col-md-2 col-lg-2 xs-paddingrt" aria-hidden="true">                                        <div class="inText">Near</div>                                    </div>                                    <div class="col-xs-8 col-sm-8 col-md-6 col-lg-6 xs-paddingleft xs-paddingrt">                                        <a11y-type-ahead selected-item="cityQuery" config="aclConfig"></a11y-type-ahead>                                    </div>                                    <div class="col-xs-3 col-sm-3 col-md-4 col-lg-4">                                        <input type="button" value="Search" class="form-control textBox searchBtn" ng-click="search()" />                                        <a class="skipToEventSearch skipToEvents" href="">Skip To Results</a>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        <!--collapse -->        <!--end-->    </div>    <div class="body-content">        <div class="container">            <div class="pageLoad" id="pageLoad" ng-show="Spinner">                <div class="c-progress f-indeterminate-local f-progress-large" role="progressbar" tabindex="0">                    <span></span>                    <span></span>                    <span></span>                    <span></span>                    <span></span>                </div>                <div class="sr-only" aria-live="assertive" aria-atomic="true" id="pageHidden"></div>            </div>            <span class="sr-only" aria-live="assertive" id="resVal" aria-atomic="true"></span>            <div class="row" ng-if="eventResults">                <nav role="navigation" aria-label="Search filter" class="col-sm-12 col-sm-12 col-md-2 col-lg-2">                    <div class="row">                        <div class="col-md-12  filterSection">                            <div class="filterSectionTitle">                                <h2>Filter By <a class="filterByclear" aria-label="clear, all filters," value="clear all" ng-if="clearAllBtn" ng-click="clearAllFacets()" href="">Clear All</a></h2>                                <button type="button" class="navbar-toggle collapsed" ng-click="glyphicon =! glyphicon" id="facetToggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false" aria-label="Search For Events">                                    <span ng-class="glyphicon ? \'glyphicon glyphicon-chevron-up\':\'glyphicon glyphicon-chevron-down\'" ng-click="hideCollapseExpandBtn()"></span>                                </button>                                <div class="filterLinks" aria-label="Filter Region">                                    <a href="" id="collapse" role="button" aria-label="Filter Region, Collapse All Filters" aria-pressed = "false"  ng-click="collapseAll()">Collapse All</a>                                    <span aria-hidden="true">|</span>                                    <a href="" id="expand" role="button" aria-label="Filter Region, Expand All Filters" aria-pressed = "true" ng-click="expandAll()">Expand All </a>                                </div>                            </div>                            <div class="clearfix"></div>                            <div id="bs-example-navbar-collapse-2" class="navbar-collapse collapse pddng0">                                <uib-accordion class="filterCategory" id="category" ng-if="facets.Category.length > 0">                                    <h3 class="filterTitle"> Category </h3>                                    <span class="clearTitle" ng-if="categoryClearBtn">                                        <a href="" aria-label="clear, category filter," ng-click="clearFacets(\'category\')"> Clear </a>                                    </span>                                    <uib-accordion-group is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">                                        <uib-accordion-heading id="category">                                            <span ng-if="!status.isFirstOpen" aria-label="Category, filter," class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isFirstOpen" aria-label="Category, filter," class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="category in facets.Category  track by $index">                                                <label id="category{{$index}}" for="{{category.ItemName  | removeSpaces}}" data-toggle="tooltip" data-placement="top" title="{{category.ItemName}}">                                                    <input aria-label="Filter {{$index+1}} of {{facets.Category.length}} , {{category.ItemName}} {{category.Count}} events available" type="checkbox" ng-model="category.selected" id="{{category.ItemName  | removeSpaces}}" value="{{category.ItemName}}"                                                           ng-click="facetFilterSelected(\'category\', facets.Category, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true"> {{category.ItemName}}</span> <span class="productCount" aria-hidden="true">({{category.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </uib-accordion-group>                                </uib-accordion>                                <uib-accordion class="filterCategory" id="product" ng-if="facets.Product.length > 0">                                    <h3 class="filterTitle">Products </h3>                                    <span class="clearTitle" ng-if="productClearBtn">                                        <a href="" aria-label="clear, products filter," ng-click="clearFacets(\'product\')">Clear </a>                                    </span>                                    <uib-accordion-group is-open="status.isSecondOpen">                                        <uib-accordion-heading id="product">                                            <span ng-if="!status.isSecondOpen" aria-label="Products, filter," class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isSecondOpen" aria-label="Products, filter," class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="products in facets.Product track by $index">                                                <label id="products{{$index}}" data-toggle="tooltip" data-placement="top" title="{{products.ItemName}}">                                                    <input aria-label="Filter {{$index+1}} of {{facets.Product.length}} , {{products.ItemName}} {{products.Count}} events available" type="checkbox" ng-model="products.selected" id="{{products.ItemName  | removeSpaces}}" value="{{products.ItemName}}"                                                           ng-click="facetFilterSelected(\'product\', facets.Product, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{products.ItemName}}</span> <span class="productCount" aria-hidden="true">({{products.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </uib-accordion-group>                                </uib-accordion>                                <uib-accordion close-others="oneAtATime" class="filterCategory" id="eventsfor" ng-if="facets.EventsFor.length > 0">                                    <h3 class="filterTitle"> Events for</h3>                                    <span class="clearTitle" ng-if="facetClearBtn"><a href="" aria-label="clear, events for filter," ng-click="clearFacets(\'eventsfor\')"> Clear </a></span>                                    <uib-accordion-group is-open="status.isThirdOpen">                                        <uib-accordion-heading>                                            <span ng-if="!status.isThirdOpen" aria-label="Events for, filter," class="glyphicon glyphicon-plus icon"></span>                                            <span ng-if="status.isThirdOpen" aria-label="Events for, filter," class="glyphicon glyphicon-minus icon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="eventsfor in facets.EventsFor track by $index">                                                <label id="eventsfor{{$index}}" for="{{eventsfor.ItemName | removeSpaces}}" data-toggle="tooltip" data-placement="top" title="{{eventsfor.ItemName}}">                                                    <input aria-label="Filter {{$index+1}} of {{facets.EventsFor.length}} , {{eventsfor.ItemName}} {{eventsfor.Count}} events available" type="checkbox" ng-model="eventsfor.selected" id="{{eventsfor.ItemName | removeSpaces}}" value="{{eventsfor.ItemName}}"                                                           ng-click="facetFilterSelected(\'eventsfor\', facets.EventsFor, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{eventsfor.ItemName}}</span> <span class="productCount" aria-hidden="true">({{eventsfor.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </uib-accordion-group>                                </uib-accordion>                                                                <uib-accordion class="filterCategory" id="language" ng-if="facets.PrimaryLanguage.length > 0">                                    <h3 class="filterTitle">Language</h3>                                    <span class="clearTitle" ng-if="languageClearBtn"> <a href="" aria-label="clear, language filter," ng-click="clearFacets(\'language\')">Clear</a></span>                                    <uib-accordion-group is-open="status.isFourthOpen">                                        <uib-accordion-heading id="language">                                            <span ng-if="!status.isFourthOpen" aria-label="Language, filter," class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isFourthOpen" aria-label="Language, filter," class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="primarayLanguage in facets.PrimaryLanguage track by $index">                                                <label id="primarayLanguage{{$index}}" data-toggle="tooltip" data-placement="top" title="{{primarayLanguage.LanguageName}}">                                                    <input type="checkbox" aria-label="Filter {{$index+1}} of {{facets.PrimaryLanguage.length}} , {{primarayLanguage.LanguageName}} language {{primarayLanguage.Count}} events available" lang="{{primarayLanguage.LanguageCode}}" ng-model="primarayLanguage.selected" id="{{primarayLanguage.LanguageName  | removeSpaces}}" value="{{primarayLanguage.LanguageName}}"                                                           ng-click="facetFilterSelected(\'language\', facets.PrimaryLanguage, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{primarayLanguage.LanguageName}}</span> <span class="productCount" aria-hidden="true">({{primarayLanguage.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </uib-accordion-group>                                </uib-accordion>                                <uib-accordion class="lastFilterCategory" id="country" ng-if="facets.Country.length > 0">                                    <h3 class="filterTitle">Country</h3>                                    <span class="clearTitle" ng-if="countryClearBtn"> <a href="" aria-label="clear, country filter," ng-click="clearFacets(\'country\')">Clear</a></span>                                    <uib-accordion-group is-open="status.isFifthOpen">                                        <uib-accordion-heading>                                            <span ng-if="!status.isFifthOpen" aria-label="Country, filter," class="glyphicon glyphicon-plus icon collapseIcon"></span>                                            <span ng-if="status.isFifthOpen" aria-label="Country, filter," class="glyphicon glyphicon-minus icon collapseIcon"></span>                                        </uib-accordion-heading>                                        <ul>                                            <li class="checkbox" ng-repeat="countrylist in facets.Country track by $index">                                                <label id="countrylist{{$index}}" data-toggle="tooltip" data-placement="top" title="{{countrylist.ItemName}}">                                                    <input type="checkbox" aria-label="Filter {{$index+1}} of {{facets.Country.length}} , {{countrylist.ItemName}} {{countrylist.Count}} events available" ng-model="countrylist.selected" id="{{countrylist.ItemName  | removeSpaces}}" value="{{countrylist.ItemName}}"                                                           ng-click="facetFilterSelected(\'country\', facets.Country, $event)" class="custCheckBox" /><span class="productItem" aria-hidden="true">{{countrylist.ItemName}}</span> <span class="productCount" aria-hidden="true">({{countrylist.Count}})</span>                                                </label>                                            </li>                                        </ul>                                    </uib-accordion-group>                                </uib-accordion>                                                  </div>                        </div>                    </div>                </nav>                <main tabindex="-1" role="main" class="col-sm-12 col-md-10 col-lg-10 eventsMainContainer">                    <div class="hidden-xs">                        <div class="alert releaseNotification" id="releaseAlert">                            <span>City Search experience has been enhanced.</span><button tabindex="0" aria-label="City Search has been enhanced to display the nearest events first for the City searched for. Click to Dismiss Notification" class="close" onclick="this.parentElement.style.display=\'none\';"><span aria-hidden="true" style="font-weight:bold">&times;</span></button>                        </div>                    </div>                    <div class="row" ng-if="clearAllBtn" id="eventContent">                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">                            <ul class="facetsSelected">                                <li  ng-if="cityfacet">                                    <a href="" class="clearFacetSelected" aria-label="clear, city filter {{cityQuery.City}}"ng-click="clearFacetSelected(\'city\', cityQuery.City)">                                        <span>{{cityQuery.City}}</span>                                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                    </a>                                </li>                                <li ng-repeat="category in facets.Category track by $index" name="{{category.ItemName}}" ng-if="category.selected" id="categoryfacets{{$index}}">                                    <a href="" class="clearFacetSelected" aria-label="clear, filter, Category {{category.ItemName}}" ng-click="clearFacetSelected(\'category\', category)">                                        <span>{{category.ItemName}}</span>                                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                    </a>                                </li>                                <li ng-repeat="products in facets.Product track by $index" name="{{products.ItemName}}" ng-if="products.selected" id="productsfacets{{$index}}">                                    <a href="" class="clearFacetSelected" aria-label="clear, filter, Products {{products.ItemName}}" ng-click="clearFacetSelected(\'product\', products)">                                        <span>{{products.ItemName}} </span>                                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                    </a>                                </li>                                <li ng-repeat="eventsfor in facets.EventsFor track by $index" name="{{eventsfor.ItemName}}" ng-if="eventsfor.selected" id="eventsforfacets{{$index}}">                                    <a href="" class="clearFacetSelected" aria-label="clear, filter, Events for {{eventsfor.ItemName}}" ng-click="clearFacetSelected(\'eventsfor\', eventsfor)">                                        <span>{{eventsfor.ItemName}}</span>                                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                    </a>                                </li>                                                                <li ng-repeat="primarayLanguage in facets.PrimaryLanguage track by $index" name="{{primarayLanguage.LanguageName}}" id="primarayLanguagefacets{{$index}}" ng-if="primarayLanguage.selected">                                    <a href="" class="clearFacetSelected" aria-label="clear, filter, Language {{primarayLanguage.LanguageName}}" ng-click="clearFacetSelected(\'language\', primarayLanguage)">                                        <span>{{primarayLanguage.LanguageName}} </span>                                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                    </a>                                </li>                                <li ng-repeat="countrylist in facets.Country track by $index" name="{{countrylist.ItemName}}" ng-if="countrylist.selected" id="countrylistfacets{{$index}}">                                    <a href="" class="clearFacetSelected" aria-label="clear, filter, Country {{countrylist.ItemName}}" ng-click="clearFacetSelected(\'country\', countrylist)">                                        <span>{{countrylist.ItemName}} </span>                                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                    </a>                                </li>                                   <li name="{{CountryName}}" ng-if="facets.Country.length === 0 && IsLocalViewMode===true">                                    <a href="" class="clearFacetSelected" aria-label="clear, filter, Country {{CountryName}}" ng-click="clearFacetSelected(\'country\', null)">                                        <span>{{CountryName}} </span>                                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                    </a>                                </li>                                <li name="{{LanguageName}}" ng-if="facets.PrimaryLanguage.length === 0 && IsLocalViewMode===true">                                    <a href="" class="clearFacetSelected" aria-label="clear, filter, Country {{LanguageName}}" ng-click="clearFacetSelected(\'language\', null)">                                        <span>{{LanguageName}} </span>                                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true"></span>                                    </a>                                </li>                                <input type="button" aria-label="clear, all filters," class="clearBtn clearFacetSelected hidden-xs hidden-sm" value="clear all" ng-if="clearAllBtn" ng-click="clearAllFacets()" />                            </ul>                        </div>                    </div>                                        <div class="row">                                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">                            <p class="alertmsg mainContainerLocaleEventsMsg" ng-if="IsLocalViewMode===true && mapviewflag===false">                                                                <span class="fontsize_12" ng-if="eventsData.length&gt;0 && CountryName!== null && LanguageName!==null">                                    <span class="fontsize_12" ng-if="LanguageName !== \'English\' && cityfacet===false">                                        {{bannerMessage}} <a href="" class="noEventsError" aria-label="Click here to view all events" ng-click="clearAllFacets()">Click here</a> to view all events.                                    </span>                                    <span class="fontsize_12" ng-if="LanguageName === \'English\' && cityfacet===false">                                        {{bannerMessage}} <a href="" class="noEventsError" aria-label="Click here to view all events" ng-click="clearAllFacets()">Click here</a> to view all events.                                    </span>                                    <span class="fontsize_12" ng-if="LanguageName !== \'English\' && !cityHasEvents && cityfacet">                                        {{bannerMessage}} <a href="" class="noEventsError" aria-label="Click here to view all events" ng-click="clearAllFacets()">Click here</a> to view all events.<br />No results in the city selected within {{GeoLocationDistance}} miles range but results for events in near by cities are displayed.                                    </span>                                    <span class="fontsize_12" ng-if="LanguageName === \'English\' && !cityHasEvents && cityfacet">                                        {{bannerMessage}} <a href="" class="noEventsError" aria-label="Click here to view all events" ng-click="clearAllFacets()">Click here</a> to view all events.<br />No results in the city selected within {{GeoLocationDistance}} miles range but results for events in near by cities are displayed.                                    </span>                                    <span class="fontsize_12" ng-if="LanguageName !== \'English\' && cityHasEvents && cityfacet">                                        {{bannerMessage}} <a href="" class="noEventsError" aria-label="Click here to view all events" ng-click="clearAllFacets()">Click here</a> to view all events.                                    </span>                                    <span class="fontsize_12" ng-if="LanguageName === \'English\' && cityHasEvents && cityfacet">                                        {{bannerMessage}} <a href="" class="noEventsError" aria-label="Click here to view all events" ng-click="clearAllFacets()">Click here</a> to view all events.                                    </span>                                                                        </span>                                <span class="fontsize_12" ng-if="data.TotalResults===0 && eventsData.length===0">                                    Sorry, there are currently no events for your location.  Please <a href="" class="noEventsError" aria-label="Click here to clear search criteria" ng-click="clearAllFacets()">click here to clear the search criteria</a>.                                </span>                            </p>                                                    </div>                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">                            <p class="alertmsg mainContainerLocaleEventsMsg" ng-if="IsLocalViewMode===false && mapviewflag===false">                                <span class="fontsize_12">                                    <a href="" class="noEventsError" aria-label="Click here to view locale specific events" ng-click="getLocaleEvents()">Click here</a> to view events specific to your location and browser language.                                </span>                            </p>                        </div>                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">                            <p class="alertmsg mainContainerLocaleEventsMsg" ng-if="IsLocalViewMode===false && !cityHasEvents && cityfacet">                                <span class="fontsize_12">                                    No results in the city selected within {{GeoLocationDistance}} miles range but results for events in near by cities are displayed.                                </span>                            </p>                        </div>                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">                            <h2 class="mainContainerEventTitle">                                <span class="fontsize_18" ng-if="eventsData.length&gt;15">1 to {{eventsData.length}} of {{data.TotalResults}} Events</span>                                <!-- <p class="fontsize_18" ng-if="!eventsData.length>0">0 Events</p> -->                                <span ng-if="eventsData.length&lt;=15" class="fontsize_18">                                    {{data.TotalResults}}                                    <span ng-if="eventsData.length===1">Event</span>                                    <span ng-if="eventsData.length&gt;1">Events</span>                                </span>                            </h2>                            <!--Added for ListView GridView-->                            <!--<div class="well well-sm">-->                            <div class="btn-group">                                <a href="" role="button" aria-labelledby="listViewPressed" aria-pressed="true" id="list" class="btn btn-active btn-sm" ng-click="listview()">                                    <span class="glyphicon glyphicon-th-list"></span>List                                </a>                                <a href="" role="button" aria-labelledby="gridViewPressed" aria-pressed="false" id="grid" class="btn btn-default btn-sm" ng-click="gridview()">                                    <span class="glyphicon glyphicon-th"></span>Grid                                </a>                                <a href="" role="button" aria-labelledby="mapViewPressed mapViewInPerson mapViewAccessibilityWarning" aria-pressed="false" id="map" class="btn btn-default btn-sm hidden-xs" ng-click="mapview()">                                      <span class="glyphicon glyphicon-map-marker"></span>Map                                </a>                                <span class="hide" id="listViewPressed">View events in List View</span>                                <span class="hide" id="gridViewPressed">View events in Grid View</span>                                <span class="hide" id="mapViewPressed">View events in Map View</span>                                <span class="hide" id="mapViewInPerson">In Person category will be auto selected on selecting Map view</span>                                <span id="mapViewAccessibilityWarning" role="alertdialog" class="hide">Map View is not keyboard accessible, please switch to list view with inperson selected for keyboard accessible experience</span>                            </div>                            <!--</div>-->                            <!---->                        </div>                    </div>                    <div class="row">                        <span aria-hidden="true" class="sr-only">                            <span id="aria-event-instruction">Opens new dialog,</span>                            <span id="aria-event-title">EVENT TITLE, </span>                            <span id="aria-event-category">, EVENT CATEGORY, </span>                            <span id="aria-event-date">, EVENT DATE, </span>                            <span id="aria-event-location">, EVENT LOCATION, </span>                            <span id="aria-event-description">, EVENT DESCRIPTION, </span>                        </span>                        <div id="eventlistview">                            <article class="item {{viewtype}} col-sm-6 col-xs-6 col-md-3 portrait-width" ng-repeat="events in eventsData track by $index" aria-labelledby="aria-event-title event-title-{{$index}}" id="event{{$index}}">                                <div ng-if="events.Category === \'In Person\'">                                    <a href="" id="{{events.EventId}}" aria-labelledby="aria-event-count-{{$index}} aria-event-instruction aria-event-title event-title-{{$index}} paidEvents-{{$index}} aria-event-date event-date-{{$index}} aria-event-location event-location-{{$index}} aria-event-description event-description-1-{{$index}} event-description-2-{{$index}}" class="eventSection" ng-click="detailMoadalOpen(events, \'large\')">                                        <span aria-hidden="true" class="sr-only">                                            <span id="aria-event-count-{{$index}}">Event {{$index+1}} of {{eventsData.length}}</span>                                        </span>                                        <image-directive imageurl="events.Icon"></image-directive>                                        <div id="event-title-{{$index}}" class="eventTitle" ng-bind-html="events.Title"></div>                                        <div id="paidEvents-{{$index}}" class="paidEvents" ng-if="events.RegistrationFees !== null">                                            <p aria-label="This is paid Event">PAID</p>                                        </div><br />                                        <div>                                            <datetime-directive id="event-date-{{$index}}" startdate="events.StartDate" lastdate="events.EndDate" category="events.Category" utcstartdate="events.UtcStartDate"></datetime-directive>                                            <div id="event-location-{{$index}}" class="timeZone">                                                <span ng-if="events.City !== null && events.City.length&gt;0" ng-bind-html="events.City"></span>                                                <span ng-if="events.City!== null && events.City.length&gt;0 && events.LocationName !== null">,</span>                                                <span ng-if="events.LocationName !== null " ng-bind-html="events.LocationName" />                                            </div>                                        </div>                                        <p id="event-description-1-{{$index}}" class="eventDescription" ng-if="!events.DescriptionHighlights.length" ng-bind-html="events.Description"></p>                                        <p id="event-description-2-{{$index}}" class="eventDescription" ng-if="events.DescriptionHighlights.length">                                            <span ng-repeat="highlight in events.DescriptionHighlights" ng-bind-html="highlight"></span>                                        </p>                                    </a>                                </div>                                <div ng-if="events.Category !== \'In Person\'">                                    <a href="" id="{{events.EventId}}" aria-labelledby="aria-event-count-{{$index}} aria-event-instruction aria-event-title event-title-{{$index}} paidEvents-{{$index}} aria-event-date event-date-{{$index}} aria-event-category event-category-{{$index}} aria-event-description event-description-1-{{$index}} event-description-2-{{$index}}" class="eventSection" ng-click="detailMoadalOpen(events, \'large\')">                                        <span aria-hidden="true" class="sr-only">                                            <span id="aria-event-count-{{$index}}">Event {{$index+1}} of {{eventsData.length}}</span>                                        </span>                                        <image-directive imageurl="events.Icon"></image-directive>                                        <div id="event-title-{{$index}}" class="eventTitle" ng-bind-html="events.Title"></div>                                        <div id="paidEvents-{{$index}}" class="paidEvents" ng-if="events.RegistrationFees !== null">                                            <p aria-label="This Event is paid">PAID</p>                                        </div><br />                                        <div>                                            <datetime-directive id="event-date-{{$index}}" startdate="events.StartDate" lastdate="events.EndDate" category="events.Category" utcstartdate="events.UtcStartDate"></datetime-directive>                                            <div id="event-category-{{$index}}" class="timeZone" ng-bind-html="events.Category"></div>                                        </div>                                        <p id="event-description-1-{{$index}}" class="eventDescription" ng-if="!events.DescriptionHighlights.length" ng-bind-html="events.Description"></p>                                        <p id="event-description-2-{{$index}}" class="eventDescription" ng-if="events.DescriptionHighlights.length">                                            <span ng-repeat="highlight in events.DescriptionHighlights" ng-bind-html="highlight"></span>                                        </p>                                    </a>                                </div>                            </article>                        </div>                    </div>                    <div class="row">                        <div id="eventmapview">                            <div id="map-group-item" class="item {{viewtype}} col-sm-6 col-xs-6 col-md-3 portrait-width">                            </div>                        </div>                        <div>                            <br />                            <br />                        </div>                    </div>                    <div class="row" ng-if="eventsData.length&gt;15">                        <div class="col-md-12 text-center">                            <input type="button" value="Load next 16 events ({{data.TotalResults - eventsData.length}} remaining)" ng-if="(data.TotalResults - eventsData.length)&gt;16" ng-click="loadMore()" class="btn btn-primary center-block loadMoreBtn" />                            <input type="button" value="Load last {{(data.TotalResults - eventsData.length)}} events" ng-if="(data.TotalResults - eventsData.length)&lt;=16 && (data.TotalResults - eventsData.length)&gt;0" ng-click="loadMore()" class="btn btn-primary center-block loadMoreBtn" />                        </div>                    </div>                </main>            </div>                        <div class="row noResults" ng-if="noResults">                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">                                        <img ng-src="{{ErrorMessageIcon}}" alt="" />                </div>                                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">                    <p>Sorry, there are currently no events for search criteria : {{consolidatedNoEventsMessage}}. Please <a href="" class="noEventsError" ng-click="noEventsClearAll()">click here to clear the search criteria</a>.</p>                </div>            </div>            <div class="row noResults" ng-if="errorMessage">                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">                    <!--<img src="/Content/static/images/httpmessage_icon.gif" alt="" />-->                    <img ng-src="{{HttpMessageIcon}}" alt="" />                </div>                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">                    <p class="noEventsError">Sorry, this service is temporarily unavailable. Please try again later.</p>                </div>            </div>        </div>    </div>    <div ng-show=FlightingSiteFeedback class="logo-panel-tab">        <img role="button" tabindex="0" id="sitefeedBack" class="logobutton" ng-src="{{FeedbackIcon}}" alt="Site Feedback"  ng-keydown="($event.keyCode === 13 || $event.keyCode === 32) && sitefeedBackOpen(\'medium\')" ng-click="sitefeedBackOpen(\'medium\')"  data-toggle="tooltip" data-placement="left" title="Feedback"/>        <img role="button" tabindex="0"  id="rssfeed" class="logobutton" ng-src="{{RSSIcon}}" alt="RSS feeds" ng-keydown="($event.keyCode === 13 || $event.keyCode === 32) && rssfeedOpen(\'large\')" ng-click="rssfeedOpen(\'large\')" data-toggle="tooltip" data-placement="left" title="RSS Feed"/>    </div>        <a class="backToTop" tabindex="-1" href="#" aria-label="scroll back to top of the page">        <span class="glyphicon glyphicon-circle-arrow-up"></span>    </a></div>');t.put('Content/static/html/a11yTypeAhead.html','<div tabindex="-1" ng-cloak>    <div id="{{config.a11yUid}}" class="a11y-type-ahead" aria-label="{{config.a11yAriaLabel}}">        <div id="{{config.a11yUid}}-instruction" aria-hidden="true" class="sr-only">Please type minimum {{config.searchTreshold}} letters to get the suggestion list box.</div>        <div id="{{config.a11yUid}}-result" aria-live="polite" aria-relevant="text" class="sr-only"></div>        <label id="{{config.a11yUid}}-label">{{config.a11yAriaLabel}}<span aria-hidden="true">: </span></label>        <input id="{{config.a11yUid}}-edit" type="text" placeholder="City" class="form-control pull-left textBox" aria-owns="{{config.a11yUid}}-list" aria-describedby="{{config.a11yUid}}-instruction" aria-expanded="false" aria-labelledby="{{config.a11yUid}}-label" ng-keydown="textBoxKeyDown($event)" ng-keyup="textBoxKeyUp($event)" ng-blur="textBoxBlur($event)" ng-focus="textBoxFocus($event)">        <ul id="{{config.a11yUid}}-list" tabindex="-1" style="display: none;" role="listbox" ng-focus="listBoxFocus($event)" ng-mousedown="listBoxClick($event)">            <li ng-repeat="suggestion in suggestions" id="{{config.a11yUid}}-item-{{$index}}" set-option-aria-label role="option"><span ng-bind-html="getHtml(suggestion)"></span></li>        </ul>        <!--added for no matches found-->        <ul id="{{config.a11yUid}}-noMatch" ng-if="searchString.length &gt; 3 && !(suggestions.length &gt; 0)" role="listbox" tabindex="-1" class="{{nomatchDisplay}}">            <li display="inline">                <!--ng-hide="suggestions!=null && searchString.length > 3 "-->                <span class="disabled">No matches found</span>            </li>        </ul>        <!---->    </div></div>');t.put('Content/static/html/siteFeedBack.html','<div class="modal-body modalContent" ng-cloak role="dialog">    <div>        <!--<h2 id="sitefeedbacktTitle" class="sr-only">Site Feedback</h2>-->        <div class="container-fluid siteFeetBackHeader">            <div class="row" id="myModal">                <div class="col-md-3 ">                    <span class="logo">                        <img ng-src="{{MicrosoftLogoUrl}}" alt="Microsoft" />                    </span>                </div>                <div class="col-md-9 ">                    <!--Removing h1 for acccesibility purpose-->                    <span id="FeedbackModal" class="modaleventsTitle" tabindex="-1">Events Site Feedback</span>                </div>                                <div class="siteFeedBackIcon text-right">                    <button type="button" style="border:none;" ng-click="cancel()" aria-label="Close dialog" class="glyphicon glyphicon-remove remove_icon"></button>                </div>            </div>        </div>        <div class="row " ng-if="!errorMessage">            <div class="col-md-12 col-lg-12">                <div class="alert alert-danger" ng-if="!errorMessage">                    <a href="#" class="close" ng-click="closeIcon()" aria-label="close" title="close">                        <span class="glyphicon glyphicon-remove remove_icon" aria-hidden="true">                        </span>                    </a>                    Something Went wrong, please submit again                </div>            </div>        </div>        <div class="row" ng-if="submitBtn">            <form class="modalForm" id="siteFeedbackForm" ng-submit="siteFeedBackSubmit()">                <div class="col-md-12 ">                    <div class="form-group">                        <label>                            <span class="mandatory" aria-hidden="true">*</span>                            <span id="feedBackEvents" tabindex="1">Which category would you like to give website feedback for? </span>                            <select aria-required="true" aria-labelledby="feedBackEvents" ng-model="CategoryValue"                                    ng-change="categoryChange(CategoryValue)" class="form-control" id="modalSelectBox" disabled required>                                <option ng-repeat="item in categoryList track by $index" id="{{item.CategoryDescription}}" aria-posinset={{$index+1}} aria-setsize="{{categoryList.length}}">{{item.CategoryDescription}}</option>                            </select>                        </label>                    </div>                </div>                <div class="col-md-12 ">                    <p class="checkBoxText">                        <span class="mandatory" aria-hidden="true">*</span>                        <span id="lblRateYourLevel">Rate your level of satisfaction with this web page today</span>:                    </p>                    <div class="row radioBox">                        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                            <div class="radio">                                <label for="rdoVerySatisfied" id="lblVerySatisfied">                                    <span>Very Satisfied</span>                                </label>                                <input aria-required="true" name="1" type="radio" ng-model="siteFeedBackObj.Rating" value="Very Satisfied" aria-labelledby="lblRateYourLevel lblVerySatisfied" id="rdoVerySatisfied" required>                            </div>                        </div>                        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                            <div class="radio ">                                <label for="rdoSomeWhatSatisfied" id="lblSomeWhatSatisfied">                                    <span>Somewhat Satisfied</span>                                </label>                                <input aria-required="true" name="1" id="rdoSomeWhatSatisfied" type="radio" ng-model="siteFeedBackObj.Rating" value="Somewhat Satisfied" aria-labelledby="lblRateYourLevel lblSomeWhatSatisfied" required>                            </div>                        </div>                        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                            <div class="radio">                                <label for="rdoSomeWhatDissatisfied" id="lblSomeWhatDissatisfied">                                    <span>Somewhat Dissatisfied</span>                                </label>                                <input aria-required="true" name="1" id="rdoSomeWhatDissatisfied" type="radio" ng-model="siteFeedBackObj.Rating" value="Dissatisfied" aria-labelledby="lblRateYourLevel lblSomeWhatDissatisfied" required>                            </div>                        </div>                        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                            <div class="radio">                                <label for="rdoVeryDissatisfied" id="lblVeryDissatisfied">                                    <span>Very Dissatisfied</span>                                </label>                                <input aria-required="true" name="1" id="rdoVeryDissatisfied" type="radio" ng-model="siteFeedBackObj.Rating" value="Very Dissatisfied" aria-labelledby="lblRateYourLevel lblVeryDissatisfied" required>                            </div>                        </div>                    </div>                </div>                <div class="col-md-12 ">                    <div class="form-group">                        <label>                            <span> Comments: </span>                            <textarea maxlength="500" class="form-control" aria-label="Enter your comments" ng-model="siteFeedBackObj.Comments"></textarea>                        </label>                    </div>                </div>                <div class="col-md-12 col-lg-12" ng-if="submitBtn">                    <input type="submit" tabindex="0" aria-label="submit the feed back form" class="btn btn-primary btn-block registerBtn submit" value="Submit" />                </div>            </form>        </div>        <div class="row " ng-if="!submitBtn">                <div class="alert alert-success" aria-label="Thanks for the feedback. Close the modal dialog">                    Thanks for the feedback                </div>        </div>    </div></div>');}]);