<div class="trip-ideas-map-navigation js-map-navigation">
<div class="trip-ideas-map-navigation__sidebar js-trip-ideas-sidebar">
</div>
<div class="trip-ideas-map-navigation__day-picker js-trip-ideas-day-picker">
<div class="grid-x grid-padding-x">
<div class="day-picker cell">
<a href="#" class="js-day-items-close-trigger day-picker__close-items"></a>
<div class="day-picker__heading">
<h4 class="day-picker__title">Day <span class="js-title-day"></span></h4>
<div class="day-picker__buttons-container">
</div>
</div>
<div class="day-picker__carousel carousel">
<div class="day-picker__track carousel__track">
<div class="day-picker__bounds carousel__bounds"></div>
<div class="day-picker__draggable carousel__draggable"></div>
</div>
<div class="day-picker__slider carousel__slider">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="trip-ideas-map-navigation js-map-navigation">
<div class="trip-ideas-map-navigation__sidebar js-trip-ideas-sidebar">
{{#each days}}
<div class="day-sidebar{{#if @first}} is-active{{/if}}" data-id="day{{@index}}">
<p class="day-sidebar__index">{{dayIndex}}</p>
<p class="day-sidebar__day-name">{{dayName}}</p>
<div class="day-sidebar__detail-bar"><div class="day-sidebar__progress-bar js-progress-bar"></div></div>
{{#unless @last}}
{{> @cp-trip-ideas-distance }}
{{/unless}}
</div>
{{/each}}
</div>
<div class="trip-ideas-map-navigation__day-picker js-trip-ideas-day-picker">
<div class="grid-x grid-padding-x">
{{> @cp-trip-ideas-day-picker}}
</div>
</div>
</div>
/* No context defined for this component. */
There are no notes for this item.