@searchstax-inc/searchstudio-ux-js 1.0.52 → 1.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -295,11 +295,12 @@ example of input widget initialization with various options
295
295
  templates: {
296
296
  mainTemplate: {
297
297
  template: `
298
- <div class="searchstax-search-input-container" data-test-id="searchstax-search-input-container">
299
- <div class="searchstax-search-input-wrapper">
300
- <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." aria-label="Search" data-test-id="searchstax-search-input" />
301
- <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button" aria-label="search" role="button" data-test-id="searchstax-search-input-action-button"></button>
302
- </div>
298
+ <div class="searchstax-search-input-container searchstax-search-input-container-new {{#locationEnabled}}searchstax-alternative-render{{/locationEnabled}}">
299
+ <div class="searchstax-search-input-wrapper">
300
+ <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." aria-label="Search" />
301
+ </div>
302
+ <div id="searchstax-location-container" class="searchstax-location-container"></div>
303
+ <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button" aria-label="search" role="button"></button>
303
304
  </div>
304
305
  `,
305
306
  searchInputId: "searchstax-search-input"
@@ -381,6 +382,11 @@ example of result widget initialization with various options
381
382
  </p>
382
383
  {{/isImage}}
383
384
  {{/unmappedFields}}
385
+ {{#distance}}
386
+ <p class="searchstax-search-result-distance searchstax-search-result-common" data-test-id="searchstax-search-result-distance">
387
+ {{distance}} {{unit}}
388
+ </p>
389
+ {{/distance}}
384
390
  </div>
385
391
  </a>
386
392
  `,
@@ -474,6 +480,11 @@ example of result widget initialization with infinite scroll enabled. This will
474
480
  </p>
475
481
  {{/isImage}}
476
482
  {{/unmappedFields}}
483
+ {{#distance}}
484
+ <p class="searchstax-search-result-distance searchstax-search-result-common" data-test-id="searchstax-search-result-distance">
485
+ {{distance}} {{unit}}
486
+ </p>
487
+ {{/distance}}
477
488
  </div>
478
489
  </a>
479
490
  `,