<div class="filtered-card-grid " data-module="filteredCardGrid" data-datasource="" data-filter-api-endpoint="" data-map-filter-api-endpoint="" data-map-key=""> <div class="grid-container filtered-card-grid__inner"> <div class="grid-x grid-margin-x"> </div> <div class="filtered-card-grid__card-view js-card-view"> <div class="filtered-card-grid__loader js-card-loader"> <div class="loader"> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="filtered-card-grid__results js-card-results" data-module="card"> </div> </div> <div class="filtered-card-grid__map-view js-map-view"> <div class="filtered-card-grid__map-result-overlay js-overlay"> <div data-module="card" class="card-standard js-card-standard js-card-generic "> <template class="js-small-image-template"> <div class="card-standard__small-image-container js-small-image-container"> <figure class="image js-image js-small-image" data-module="imagelazy" data-is-small-image=""> <template> <figure class="image js-image js-small-image loaded" data-module="imagelazy"> <img class="image__lowres js-image-lazyload" data-object-fit /> <picture class="image__container"></picture> </figure> </template> <img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt=""> <picture class="image__container"> <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt=""> </picture> </figure> </div> </template> <a href="#" class="card-standard__anchor js-link"> <div class="card-standard__image-container js-image-container"> <figure class="image js-image " data-module="imagelazy" data-is-small-image=""> <template> <figure class="image js-image loaded" data-module="imagelazy"> <img class="image__lowres js-image-lazyload" data-object-fit /> <picture class="image__container"></picture> </figure> </template> <img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt=""> <picture class="image__container"> <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt=""> </picture> </figure> </div> <p class="card-standard__page-type js-page-type"></p> <div class="card-standard__inner"> <div class="card-standard__details"> <h3 class="card-standard__title js-title"></h3> <p class="card-standard__subtitle js-subtitle"></p> </div> <p class="card-standard__location js-location-name"></p> </div> </a> </div> <a href="#" class="filtered-card-grid__map-result-overlay-close js-overlay-close"></a> </div> <div class="filtered-card-grid__map-results-container"> <div class="filtered-card-grid__loader js-map-loader"> <div class="loader"> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="filtered-card-grid__map-results js-map-results" data-module="card"></div> </div> <div class="filtered-card-grid__map-container"> <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css" rel="stylesheet" /> <div class="filtered-card-grid__map" id="map"></div> </div> </div> </div> </div>
{{{customeditframe.editframeStart}}} <div class="filtered-card-grid {{#ifEquals type "map"}}map-view{{/ifEquals}} {{#ifEquals type "mapAndCards"}}map-view{{/ifEquals}} {{#ifEquals type "cards"}}card-view{{/ifEquals}}" data-module="filteredCardGrid" data-datasource="{{datasource}}" data-filter-api-endpoint="{{filterApiEndpoint}}" data-map-filter-api-endpoint="{{mapFilterApiEndpoint}}" data-map-key="{{mapKey}}"> <div class="grid-container filtered-card-grid__inner"> <div class="grid-x grid-margin-x"> {{#if title}}<h2 class="filtered-card-grid__title cell">{{{title}}}</h2>{{/if}} {{#if subtitle}}<p class="filtered-card-grid__subtitle cell">{{{subtitle}}}</p>{{/if}} {{#ifEquals type "mapAndCards"}} <div class="filtered-card-grid-toggle"> <a href="#" class="filtered-card-grid-toggle__map-toggle js-show-map">Map View</a> <a href="#" class="filtered-card-grid-toggle__card-toggle js-show-cards">Card View</a> </div> {{/ifEquals}} {{#if filters}} <div class="filtered-card-grid__filters cell"> {{> @cp-filter-tags}} </div> {{/if}} </div> <div class="filtered-card-grid__card-view js-card-view"> <div class="filtered-card-grid__loader js-card-loader">{{> @loader }}</div> <div class="filtered-card-grid__results js-card-results" data-module="card"> </div> </div> <div class="filtered-card-grid__map-view js-map-view"> <div class="filtered-card-grid__map-result-overlay js-overlay"> {{> @cp-card-standard-generic dynamicImage=true }} <a href="#" class="filtered-card-grid__map-result-overlay-close js-overlay-close">{{overlayCloseText}}</a> {{> @cp-button-secondary text=overlayButtonText url="#" cssClasses="filtered-card-grid__map-result-overlay-button js-overlay-button"}} </div> <div class="filtered-card-grid__map-results-container"> <div class="filtered-card-grid__loader js-map-loader">{{> @loader }}</div> <div class="filtered-card-grid__map-results js-map-results" data-module="card"></div> </div> <div class="filtered-card-grid__map-container"> <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css" rel="stylesheet" /> <div class="filtered-card-grid__map" id="map"></div> </div> </div> </div> </div> {{{customeditframe.editframeStop}}}
/* No context defined for this component. */

There are no notes for this item.