@searchstax-inc/searchstudio-ux-js 0.5.14 → 0.5.16
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 +93 -0
- package/README.mustache +27 -0
- package/dist/templates.iife.js +234 -0
- package/dist/templates.js +234 -0
- package/dist/templates.mjs +350 -0
- package/package.json +1 -1
- package/dist/@searchstax-inc/searchstudio-ux-js.cjs +0 -240
- package/dist/@searchstax-inc/searchstudio-ux-js.d.mts +0 -835
- package/dist/@searchstax-inc/searchstudio-ux-js.d.ts +0 -835
- package/dist/@searchstax-inc/searchstudio-ux-js.iife.js +0 -240
- package/dist/@searchstax-inc/searchstudio-ux-js.mjs +0 -2610
- package/dist/styles/mainTheme.css +0 -534
- package/dist/styles/scss/colors.scss +0 -8
- package/dist/styles/scss/mainTheme.scss +0 -80
- package/dist/styles/scss/widgets/externalPromotions/style.scss +0 -0
- package/dist/styles/scss/widgets/facets/style.scss +0 -262
- package/dist/styles/scss/widgets/pagination/style.scss +0 -40
- package/dist/styles/scss/widgets/relatedSearches/style.scss +0 -7
- package/dist/styles/scss/widgets/searchFeedback/style.scss +0 -14
- package/dist/styles/scss/widgets/searchInput/style.scss +0 -115
- package/dist/styles/scss/widgets/searchResults/style.scss +0 -144
- package/dist/styles/scss/widgets/sorting/style.scss +0 -35
package/README.md
CHANGED
|
@@ -305,6 +305,99 @@ example of result widget initialization with various options
|
|
|
305
305
|
`
|
|
306
306
|
}
|
|
307
307
|
},
|
|
308
|
+
hooks: {
|
|
309
|
+
afterLinkClick: function (result: ISearchstaxParsedResult) {
|
|
310
|
+
// gets result that was clicked, if passed along further functions will execute, if null then event gets canceled
|
|
311
|
+
const propsCopy = { ...result };
|
|
312
|
+
|
|
313
|
+
return propsCopy;
|
|
314
|
+
},
|
|
315
|
+
},
|
|
316
|
+
});
|
|
317
|
+
```
|
|
318
|
+
|
|
319
|
+
example of result widget initialization with infinite scroll enabled. This will render pagination widget with infiniteScrollTemplate
|
|
320
|
+
```
|
|
321
|
+
searchstax.addSearchResultsWidget("searchstax-results-container", {
|
|
322
|
+
templates: {
|
|
323
|
+
mainTemplate: {
|
|
324
|
+
template: `
|
|
325
|
+
<div class="searchstax-search-results-container">
|
|
326
|
+
<div class="searchstax-search-results" id="searchstax-search-results"></div>
|
|
327
|
+
</div>
|
|
328
|
+
`,
|
|
329
|
+
searchResultsContainerId: "searchstax-search-results",
|
|
330
|
+
},
|
|
331
|
+
searchResultTemplate: {
|
|
332
|
+
template: `
|
|
333
|
+
<div class="searchstax-search-result {{#thumbnail}} has-thumbnail {{/thumbnail}}">
|
|
334
|
+
{{#promoted}}
|
|
335
|
+
<div class="searchstax-search-result-promoted"></div>
|
|
336
|
+
{{/promoted}}
|
|
337
|
+
|
|
338
|
+
{{#url}}
|
|
339
|
+
<a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link"></a>
|
|
340
|
+
{{/url}}
|
|
341
|
+
|
|
342
|
+
{{#ribbon}}
|
|
343
|
+
<div class="searchstax-search-result-ribbon">
|
|
344
|
+
{{ribbon}}
|
|
345
|
+
</div>
|
|
346
|
+
{{/ribbon}}
|
|
347
|
+
|
|
348
|
+
{{#thumbnail}}
|
|
349
|
+
<img src="{{thumbnail}}" class="searchstax-thumbnail">
|
|
350
|
+
{{/thumbnail}}
|
|
351
|
+
<div class="searchstax-search-result-title-container">
|
|
352
|
+
<span class="searchstax-search-result-title">{{title}}</span>
|
|
353
|
+
</div>
|
|
354
|
+
|
|
355
|
+
{{#paths}}
|
|
356
|
+
<p class="searchstax-search-result-common">
|
|
357
|
+
{{paths}}
|
|
358
|
+
</p>
|
|
359
|
+
{{/paths}}
|
|
360
|
+
|
|
361
|
+
{{#description}}
|
|
362
|
+
<p class="searchstax-search-result-description searchstax-search-result-common">
|
|
363
|
+
{{description}}
|
|
364
|
+
</p>
|
|
365
|
+
{{/description}}
|
|
366
|
+
|
|
367
|
+
{{#unmappedFields}}
|
|
368
|
+
{{#isImage}}
|
|
369
|
+
<div class="searchstax-search-result-image-container">
|
|
370
|
+
<img src="{{value}}" class="searchstax-result-image">
|
|
371
|
+
</div>
|
|
372
|
+
{{/isImage}}
|
|
373
|
+
{{^isImage}}
|
|
374
|
+
<p class="searchstax-search-result-common">
|
|
375
|
+
{{value}}
|
|
376
|
+
</p>
|
|
377
|
+
{{/isImage}}
|
|
378
|
+
{{/unmappedFields}}
|
|
379
|
+
</div>
|
|
380
|
+
`,
|
|
381
|
+
searchResultUniqueIdAttribute: "data-searchstax-unique-result-id"
|
|
382
|
+
},
|
|
383
|
+
noSearchResultTemplate: {
|
|
384
|
+
template: `
|
|
385
|
+
{{#searchExecuted}}
|
|
386
|
+
<div class="searchstax-no-results">
|
|
387
|
+
Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
|
|
388
|
+
<br>
|
|
389
|
+
{{#spellingSuggestion}}
|
|
390
|
+
<span> Did you mean <a href="#" class="searchstax-suggestion-term">{{ spellingSuggestion }}</a>?</span>
|
|
391
|
+
{{/spellingSuggestion}}
|
|
392
|
+
</div>
|
|
393
|
+
<div>
|
|
394
|
+
<p>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</p>
|
|
395
|
+
<p>Lost? Click on the ‘X” in the Search Box to reset your search.</p>
|
|
396
|
+
</div>
|
|
397
|
+
{{/searchExecuted}}
|
|
398
|
+
`
|
|
399
|
+
}
|
|
400
|
+
},
|
|
308
401
|
renderMethod: 'infiniteScroll',
|
|
309
402
|
resultsPerPage: 10,
|
|
310
403
|
hooks: {
|
package/README.mustache
CHANGED
|
@@ -206,6 +206,33 @@ searchstax.addSearchResultsWidget("searchstax-results-container", {});
|
|
|
206
206
|
```
|
|
207
207
|
|
|
208
208
|
example of result widget initialization with various options
|
|
209
|
+
```
|
|
210
|
+
searchstax.addSearchResultsWidget("searchstax-results-container", {
|
|
211
|
+
templates: {
|
|
212
|
+
mainTemplate: {
|
|
213
|
+
template: `{{&searchResults.mainTemplate.template}}`,
|
|
214
|
+
searchResultsContainerId: "{{&searchResults.mainTemplate.searchResultsContainerId}}",
|
|
215
|
+
},
|
|
216
|
+
searchResultTemplate: {
|
|
217
|
+
template: `{{&searchResults.searchResultTemplate.template}}`,
|
|
218
|
+
searchResultUniqueIdAttribute: "{{searchResults.searchResultTemplate.searchResultUniqueIdAttribute}}"
|
|
219
|
+
},
|
|
220
|
+
noSearchResultTemplate: {
|
|
221
|
+
template: `{{&searchResults.noSearchResultTemplate.template}}`
|
|
222
|
+
}
|
|
223
|
+
},
|
|
224
|
+
hooks: {
|
|
225
|
+
afterLinkClick: function (result: ISearchstaxParsedResult) {
|
|
226
|
+
// gets result that was clicked, if passed along further functions will execute, if null then event gets canceled
|
|
227
|
+
const propsCopy = { ...result };
|
|
228
|
+
|
|
229
|
+
return propsCopy;
|
|
230
|
+
},
|
|
231
|
+
},
|
|
232
|
+
});
|
|
233
|
+
```
|
|
234
|
+
|
|
235
|
+
example of result widget initialization with infinite scroll enabled. This will render pagination widget with infiniteScrollTemplate
|
|
209
236
|
```
|
|
210
237
|
searchstax.addSearchResultsWidget("searchstax-results-container", {
|
|
211
238
|
templates: {
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
var u=Object.defineProperty;var p=(a,t,r)=>t in a?u(a,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[t]=r;var s=(a,t,r)=>(p(a,typeof t!="symbol"?t+"":t,r),r);(function(a){"use strict";const t={main:{template:`
|
|
2
|
+
{{#shouldShowAnswer}}
|
|
3
|
+
<div class="searchstax-answer-container">
|
|
4
|
+
<div class="searchstax-answer-title">Answer</div>
|
|
5
|
+
<div class="searchstax-answer-description">
|
|
6
|
+
{{answer}}
|
|
7
|
+
</div>
|
|
8
|
+
</div>
|
|
9
|
+
{{/shouldShowAnswer}}
|
|
10
|
+
`}},r={mainTemplate:{template:`
|
|
11
|
+
{{#hasExternalPromotions}}
|
|
12
|
+
<div class="searchstax-external-promotions-container" id="searchstax-external-promotions-container">
|
|
13
|
+
External promotions go here
|
|
14
|
+
</div>
|
|
15
|
+
{{/hasExternalPromotions}}
|
|
16
|
+
`,externalPromotionsContainerId:"searchstax-external-promotions-container"},externalPromotion:{template:`
|
|
17
|
+
<div class="searchstax-external-promotion searchstax-search-result">
|
|
18
|
+
<div class="icon-elevated"></div>
|
|
19
|
+
{{#url}}
|
|
20
|
+
<a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link"></a>
|
|
21
|
+
{{/url}}
|
|
22
|
+
<div class="searchstax-search-result-title-container">
|
|
23
|
+
<span class="searchstax-search-result-title">{{name}}</span>
|
|
24
|
+
</div>
|
|
25
|
+
{{#description}}
|
|
26
|
+
<p class="searchstax-search-result-description searchstax-search-result-common">
|
|
27
|
+
{{description}}
|
|
28
|
+
</p>
|
|
29
|
+
{{/description}}
|
|
30
|
+
{{#url}}
|
|
31
|
+
<p class="searchstax-search-result-description searchstax-search-result-common">
|
|
32
|
+
{{url}}
|
|
33
|
+
</p>
|
|
34
|
+
{{/url}}
|
|
35
|
+
</div>
|
|
36
|
+
`}},c={mainTemplateDesktop:{template:`
|
|
37
|
+
{{#hasResultsOrExternalPromotions}}
|
|
38
|
+
<div class="searchstax-facets-container-desktop"></div>
|
|
39
|
+
{{/hasResultsOrExternalPromotions}}
|
|
40
|
+
`,facetsContainerClass:"searchstax-facets-container-desktop",selectedFacetsContainerClass:"searchstax-facets-pills-selected"},mainTemplateMobile:{template:`
|
|
41
|
+
<div class="searchstax-facets-pills-container">
|
|
42
|
+
<div class="searchstax-facets-pills-selected">
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
|
|
46
|
+
<div class="searchstax-facets-mobile-overlay {{#overlayOpened}} searchstax-show{{/overlayOpened}}" >
|
|
47
|
+
<div class="searchstax-facets-mobile-overlay-header">
|
|
48
|
+
<div class="searchstax-facets-mobile-overlay-header-title">Filter By</div>
|
|
49
|
+
<div class="searchstax-search-close"></div>
|
|
50
|
+
</div>
|
|
51
|
+
<div class="searchstax-facets-container-mobile"></div>
|
|
52
|
+
<button class="searchstax-facets-mobile-overlay-done">Done</button>
|
|
53
|
+
</div>
|
|
54
|
+
`,facetsContainerClass:"searchstax-facets-container-mobile",closeOverlayTriggerClasses:["searchstax-facets-mobile-overlay-done","searchstax-search-close"],filterByContainerClass:"searchstax-facets-pills-container",selectedFacetsContainerClass:"searchstax-facets-pills-selected"},showMoreButtonContainerTemplate:{template:`
|
|
55
|
+
<div class="searchstax-facet-show-more-container">
|
|
56
|
+
{{#showingAllFacets}}
|
|
57
|
+
<div class="searchstax-facet-show-less-button searchstax-facet-show-button">less</div>
|
|
58
|
+
{{/showingAllFacets}}
|
|
59
|
+
{{^showingAllFacets}}
|
|
60
|
+
<div class="searchstax-facet-show-more-button searchstax-facet-show-button">more {{onShowMoreLessClick}}</div>
|
|
61
|
+
{{/showingAllFacets}}
|
|
62
|
+
</div>
|
|
63
|
+
`,showMoreButtonClass:"searchstax-facet-show-more-container"},facetItemContainerTemplate:{template:`
|
|
64
|
+
<div>
|
|
65
|
+
<div class="searchstax-facet-title-container">
|
|
66
|
+
<div class="searchstax-facet-title">
|
|
67
|
+
{{label}}
|
|
68
|
+
</div>
|
|
69
|
+
<div class="searchstax-facet-title-arrow active"></div>
|
|
70
|
+
</div>
|
|
71
|
+
<div class="searchstax-facet-values-container"></div>
|
|
72
|
+
</div>
|
|
73
|
+
`,facetListTitleContainerClass:"searchstax-facet-title-container",facetListContainerClass:"searchstax-facet-values-container"},clearFacetsTemplate:{template:`
|
|
74
|
+
{{#shouldShow}}}
|
|
75
|
+
<div class="searchstax-facets-pill searchstax-clear-filters searchstax-facets-pill-clear-all">
|
|
76
|
+
<div class="searchstax-facets-pill-label">Clear Filters</div>
|
|
77
|
+
</div>
|
|
78
|
+
{{/shouldShow}}
|
|
79
|
+
`,containerClass:"searchstax-facets-pill-clear-all"},facetItemTemplate:{template:`
|
|
80
|
+
<div class="searchstax-facet-input">
|
|
81
|
+
<input type="checkbox" class="searchstax-facet-input-checkbox" {{#disabled}}disabled{{/disabled}} {{#isChecked}}checked{{/isChecked}}/>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="searchstax-facet-value-label">{{value}}</div>
|
|
84
|
+
<div class="searchstax-facet-value-count">({{count}})</div>
|
|
85
|
+
`,inputCheckboxClass:"searchstax-facet-input-checkbox",checkTriggerClasses:["searchstax-facet-value-label","searchstax-facet-value-count"]},filterByTemplate:{template:`
|
|
86
|
+
<div class="searchstax-facets-pill searchstax-facets-pill-filter-by">
|
|
87
|
+
<div class="searchstax-facets-pill-label">Filter By</div>
|
|
88
|
+
</div>
|
|
89
|
+
`,containerClass:"searchstax-facets-pill-filter-by"},selectedFacetsTemplate:{template:`
|
|
90
|
+
<div class="searchstax-facets-pill searchstax-facets-pill-facets">
|
|
91
|
+
<div class="searchstax-facets-pill-label">{{value}} ({{count}})</div>
|
|
92
|
+
<div class="searchstax-facets-pill-icon-close"></div>
|
|
93
|
+
</div>
|
|
94
|
+
`,containerClass:"searchstax-facets-pill-facets"}},l={mainTemplate:{template:`
|
|
95
|
+
{{#results.length}}
|
|
96
|
+
<div class="searchstax-pagination-container">
|
|
97
|
+
<div class="searchstax-pagination-content">
|
|
98
|
+
<a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous">< Previous</a>
|
|
99
|
+
<div class="searchstax-pagination-details">
|
|
100
|
+
{{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
|
|
101
|
+
</div>
|
|
102
|
+
<a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" id="searchstax-pagination-next">Next ></a>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
{{/results.length}}
|
|
106
|
+
`,nextButtonClass:"searchstax-pagination-next",previousButtonClass:"searchstax-pagination-previous"},infiniteScrollTemplate:{template:`
|
|
107
|
+
{{#results.length}}
|
|
108
|
+
{{^isLastPage}}
|
|
109
|
+
<a class="searchstax-pagination-load-more">Show More</a>
|
|
110
|
+
{{/isLastPage}}
|
|
111
|
+
{{/results.length}}
|
|
112
|
+
`,loadMoreButtonClass:"searchstax-pagination-load-more"}},i={main:{template:`
|
|
113
|
+
{{#hasRelatedSearches}}
|
|
114
|
+
<div class="searchstax-related-searches-container" id="searchstax-related-searches-container">
|
|
115
|
+
Related searches: <span id="searchstax-related-searches"></span>
|
|
116
|
+
{{#relatedSearches}}
|
|
117
|
+
<span class="searchstax-related-search">
|
|
118
|
+
|
|
119
|
+
</span>
|
|
120
|
+
{{/relatedSearches}}
|
|
121
|
+
</div>
|
|
122
|
+
{{/hasRelatedSearches}}
|
|
123
|
+
`,relatedSearchesContainerClass:"searchstax-related-search"},relatedSearch:{template:`
|
|
124
|
+
<span class="searchstax-related-search searchstax-related-search-item">
|
|
125
|
+
{{ related_search }}{{^last}}<span>,</span>{{/last}}
|
|
126
|
+
</span>
|
|
127
|
+
`,relatedSearchContainerClass:"searchstax-related-search-item"}},n={main:{template:`
|
|
128
|
+
{{#searchExecuted}}
|
|
129
|
+
<div class="searchstax-feedback-container">
|
|
130
|
+
{{#if totalResults}}
|
|
131
|
+
Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> of <b>{{totalResults}}</b> results {{#searchTerm}} for "<b>{{searchTerm}}</b>" {{/searchTerm}}
|
|
132
|
+
<div class="searchstax-feedback-container-suggested">
|
|
133
|
+
{{#autoCorrectedQuery}}
|
|
134
|
+
Search instead for <a href="#" class="searchstax-feedback-original-query">{{originalQuery}}</a>
|
|
135
|
+
{{/autoCorrectedQuery}}
|
|
136
|
+
</div>
|
|
137
|
+
{{/if}}
|
|
138
|
+
</div>
|
|
139
|
+
{{/searchExecuted}}
|
|
140
|
+
`,originalQueryClass:"searchstax-feedback-original-query"}},o={mainTemplate:{template:`
|
|
141
|
+
<div class="searchstax-search-input-container">
|
|
142
|
+
<div class="searchstax-search-input-wrapper">
|
|
143
|
+
<input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." />
|
|
144
|
+
<button class="searchstax-spinner-icon" id="searchstax-search-input-action-button"></button>
|
|
145
|
+
</div>
|
|
146
|
+
</div>
|
|
147
|
+
`,searchInputId:"searchstax-search-input"},autosuggestItemTemplate:{template:`
|
|
148
|
+
<div class="searchstax-autosuggest-item-term-container">{{{term}}}</div>
|
|
149
|
+
`}},h={mainTemplate:{template:`
|
|
150
|
+
<div class="searchstax-search-results-container">
|
|
151
|
+
<div class="searchstax-search-results" id="searchstax-search-results"></div>
|
|
152
|
+
</div>
|
|
153
|
+
`,searchResultsContainerId:"searchstax-search-results"},searchResultTemplate:{template:`
|
|
154
|
+
<div class="searchstax-search-result {{#thumbnail}} has-thumbnail {{/thumbnail}}">
|
|
155
|
+
{{#promoted}}
|
|
156
|
+
<div class="searchstax-search-result-promoted"></div>
|
|
157
|
+
{{/promoted}}
|
|
158
|
+
|
|
159
|
+
{{#url}}
|
|
160
|
+
<a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link"></a>
|
|
161
|
+
{{/url}}
|
|
162
|
+
|
|
163
|
+
{{#ribbon}}
|
|
164
|
+
<div class="searchstax-search-result-ribbon">
|
|
165
|
+
{{ribbon}}
|
|
166
|
+
</div>
|
|
167
|
+
{{/ribbon}}
|
|
168
|
+
|
|
169
|
+
{{#thumbnail}}
|
|
170
|
+
<img src="{{thumbnail}}" class="searchstax-thumbnail">
|
|
171
|
+
{{/thumbnail}}
|
|
172
|
+
<div class="searchstax-search-result-title-container">
|
|
173
|
+
<span class="searchstax-search-result-title">{{title}}</span>
|
|
174
|
+
</div>
|
|
175
|
+
|
|
176
|
+
{{#paths}}
|
|
177
|
+
<p class="searchstax-search-result-common">
|
|
178
|
+
{{paths}}
|
|
179
|
+
</p>
|
|
180
|
+
{{/paths}}
|
|
181
|
+
|
|
182
|
+
{{#description}}
|
|
183
|
+
<p class="searchstax-search-result-description searchstax-search-result-common">
|
|
184
|
+
{{description}}
|
|
185
|
+
</p>
|
|
186
|
+
{{/description}}
|
|
187
|
+
|
|
188
|
+
{{#unmappedFields}}
|
|
189
|
+
{{#isImage}}
|
|
190
|
+
<div class="searchstax-search-result-image-container">
|
|
191
|
+
<img src="{{value}}" class="searchstax-result-image">
|
|
192
|
+
</div>
|
|
193
|
+
{{/isImage}}
|
|
194
|
+
{{^isImage}}
|
|
195
|
+
<p class="searchstax-search-result-common">
|
|
196
|
+
{{value}}
|
|
197
|
+
</p>
|
|
198
|
+
{{/isImage}}
|
|
199
|
+
{{/unmappedFields}}
|
|
200
|
+
</div>
|
|
201
|
+
`,searchResultUniqueIdAttribute:"data-searchstax-unique-result-id"},noSearchResultTemplate:{template:`
|
|
202
|
+
{{#searchExecuted}}
|
|
203
|
+
<div class="searchstax-no-results">
|
|
204
|
+
Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
|
|
205
|
+
<br>
|
|
206
|
+
{{#spellingSuggestion}}
|
|
207
|
+
<span> Did you mean <a href="#" class="searchstax-suggestion-term">{{ spellingSuggestion }}</a>?</span>
|
|
208
|
+
{{/spellingSuggestion}}
|
|
209
|
+
</div>
|
|
210
|
+
<div>
|
|
211
|
+
<p>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</p>
|
|
212
|
+
<p>Lost? Click on the ‘X” in the Search Box to reset your search.</p>
|
|
213
|
+
</div>
|
|
214
|
+
{{/searchExecuted}}
|
|
215
|
+
`}},d={main:{template:`
|
|
216
|
+
{{#searchExecuted}}
|
|
217
|
+
{{#hasResultsOrExternalPromotions}}
|
|
218
|
+
<div class="searchstax-sorting-container">
|
|
219
|
+
<label class="searchstax-sorting-label" for="sort-by">Sort By</label>
|
|
220
|
+
<select id="searchstax-search-order-select" class="searchstax-search-order-select">
|
|
221
|
+
<option value="">
|
|
222
|
+
Relevance
|
|
223
|
+
</option>
|
|
224
|
+
<option value="date desc">
|
|
225
|
+
Newest Content
|
|
226
|
+
</option>
|
|
227
|
+
<option value="date asc">
|
|
228
|
+
Oldest Content
|
|
229
|
+
</option>
|
|
230
|
+
</select>
|
|
231
|
+
</div>
|
|
232
|
+
{{/hasResultsOrExternalPromotions}}
|
|
233
|
+
{{/searchExecuted}}
|
|
234
|
+
`,selectId:"searchstax-search-order-select"}};class e{}s(e,"answer",t),s(e,"externalPromotions",r),s(e,"facets",c),s(e,"pagination",l),s(e,"relatedSearches",i),s(e,"searchFeedback",n),s(e,"searchInput",o),s(e,"searchResults",h),s(e,"sorting",d),a.Templates=e,a.default=e,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})})(this.templates=this.templates||{});
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
"use strict";var c=Object.defineProperty;var l=(t,a,r)=>a in t?c(t,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[a]=r;var s=(t,a,r)=>(l(t,typeof a!="symbol"?a+"":a,r),r);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={main:{template:`
|
|
2
|
+
{{#shouldShowAnswer}}
|
|
3
|
+
<div class="searchstax-answer-container">
|
|
4
|
+
<div class="searchstax-answer-title">Answer</div>
|
|
5
|
+
<div class="searchstax-answer-description">
|
|
6
|
+
{{answer}}
|
|
7
|
+
</div>
|
|
8
|
+
</div>
|
|
9
|
+
{{/shouldShowAnswer}}
|
|
10
|
+
`}},n={mainTemplate:{template:`
|
|
11
|
+
{{#hasExternalPromotions}}
|
|
12
|
+
<div class="searchstax-external-promotions-container" id="searchstax-external-promotions-container">
|
|
13
|
+
External promotions go here
|
|
14
|
+
</div>
|
|
15
|
+
{{/hasExternalPromotions}}
|
|
16
|
+
`,externalPromotionsContainerId:"searchstax-external-promotions-container"},externalPromotion:{template:`
|
|
17
|
+
<div class="searchstax-external-promotion searchstax-search-result">
|
|
18
|
+
<div class="icon-elevated"></div>
|
|
19
|
+
{{#url}}
|
|
20
|
+
<a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link"></a>
|
|
21
|
+
{{/url}}
|
|
22
|
+
<div class="searchstax-search-result-title-container">
|
|
23
|
+
<span class="searchstax-search-result-title">{{name}}</span>
|
|
24
|
+
</div>
|
|
25
|
+
{{#description}}
|
|
26
|
+
<p class="searchstax-search-result-description searchstax-search-result-common">
|
|
27
|
+
{{description}}
|
|
28
|
+
</p>
|
|
29
|
+
{{/description}}
|
|
30
|
+
{{#url}}
|
|
31
|
+
<p class="searchstax-search-result-description searchstax-search-result-common">
|
|
32
|
+
{{url}}
|
|
33
|
+
</p>
|
|
34
|
+
{{/url}}
|
|
35
|
+
</div>
|
|
36
|
+
`}},o={mainTemplateDesktop:{template:`
|
|
37
|
+
{{#hasResultsOrExternalPromotions}}
|
|
38
|
+
<div class="searchstax-facets-container-desktop"></div>
|
|
39
|
+
{{/hasResultsOrExternalPromotions}}
|
|
40
|
+
`,facetsContainerClass:"searchstax-facets-container-desktop",selectedFacetsContainerClass:"searchstax-facets-pills-selected"},mainTemplateMobile:{template:`
|
|
41
|
+
<div class="searchstax-facets-pills-container">
|
|
42
|
+
<div class="searchstax-facets-pills-selected">
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
|
|
46
|
+
<div class="searchstax-facets-mobile-overlay {{#overlayOpened}} searchstax-show{{/overlayOpened}}" >
|
|
47
|
+
<div class="searchstax-facets-mobile-overlay-header">
|
|
48
|
+
<div class="searchstax-facets-mobile-overlay-header-title">Filter By</div>
|
|
49
|
+
<div class="searchstax-search-close"></div>
|
|
50
|
+
</div>
|
|
51
|
+
<div class="searchstax-facets-container-mobile"></div>
|
|
52
|
+
<button class="searchstax-facets-mobile-overlay-done">Done</button>
|
|
53
|
+
</div>
|
|
54
|
+
`,facetsContainerClass:"searchstax-facets-container-mobile",closeOverlayTriggerClasses:["searchstax-facets-mobile-overlay-done","searchstax-search-close"],filterByContainerClass:"searchstax-facets-pills-container",selectedFacetsContainerClass:"searchstax-facets-pills-selected"},showMoreButtonContainerTemplate:{template:`
|
|
55
|
+
<div class="searchstax-facet-show-more-container">
|
|
56
|
+
{{#showingAllFacets}}
|
|
57
|
+
<div class="searchstax-facet-show-less-button searchstax-facet-show-button">less</div>
|
|
58
|
+
{{/showingAllFacets}}
|
|
59
|
+
{{^showingAllFacets}}
|
|
60
|
+
<div class="searchstax-facet-show-more-button searchstax-facet-show-button">more {{onShowMoreLessClick}}</div>
|
|
61
|
+
{{/showingAllFacets}}
|
|
62
|
+
</div>
|
|
63
|
+
`,showMoreButtonClass:"searchstax-facet-show-more-container"},facetItemContainerTemplate:{template:`
|
|
64
|
+
<div>
|
|
65
|
+
<div class="searchstax-facet-title-container">
|
|
66
|
+
<div class="searchstax-facet-title">
|
|
67
|
+
{{label}}
|
|
68
|
+
</div>
|
|
69
|
+
<div class="searchstax-facet-title-arrow active"></div>
|
|
70
|
+
</div>
|
|
71
|
+
<div class="searchstax-facet-values-container"></div>
|
|
72
|
+
</div>
|
|
73
|
+
`,facetListTitleContainerClass:"searchstax-facet-title-container",facetListContainerClass:"searchstax-facet-values-container"},clearFacetsTemplate:{template:`
|
|
74
|
+
{{#shouldShow}}}
|
|
75
|
+
<div class="searchstax-facets-pill searchstax-clear-filters searchstax-facets-pill-clear-all">
|
|
76
|
+
<div class="searchstax-facets-pill-label">Clear Filters</div>
|
|
77
|
+
</div>
|
|
78
|
+
{{/shouldShow}}
|
|
79
|
+
`,containerClass:"searchstax-facets-pill-clear-all"},facetItemTemplate:{template:`
|
|
80
|
+
<div class="searchstax-facet-input">
|
|
81
|
+
<input type="checkbox" class="searchstax-facet-input-checkbox" {{#disabled}}disabled{{/disabled}} {{#isChecked}}checked{{/isChecked}}/>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="searchstax-facet-value-label">{{value}}</div>
|
|
84
|
+
<div class="searchstax-facet-value-count">({{count}})</div>
|
|
85
|
+
`,inputCheckboxClass:"searchstax-facet-input-checkbox",checkTriggerClasses:["searchstax-facet-value-label","searchstax-facet-value-count"]},filterByTemplate:{template:`
|
|
86
|
+
<div class="searchstax-facets-pill searchstax-facets-pill-filter-by">
|
|
87
|
+
<div class="searchstax-facets-pill-label">Filter By</div>
|
|
88
|
+
</div>
|
|
89
|
+
`,containerClass:"searchstax-facets-pill-filter-by"},selectedFacetsTemplate:{template:`
|
|
90
|
+
<div class="searchstax-facets-pill searchstax-facets-pill-facets">
|
|
91
|
+
<div class="searchstax-facets-pill-label">{{value}} ({{count}})</div>
|
|
92
|
+
<div class="searchstax-facets-pill-icon-close"></div>
|
|
93
|
+
</div>
|
|
94
|
+
`,containerClass:"searchstax-facets-pill-facets"}},h={mainTemplate:{template:`
|
|
95
|
+
{{#results.length}}
|
|
96
|
+
<div class="searchstax-pagination-container">
|
|
97
|
+
<div class="searchstax-pagination-content">
|
|
98
|
+
<a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous">< Previous</a>
|
|
99
|
+
<div class="searchstax-pagination-details">
|
|
100
|
+
{{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
|
|
101
|
+
</div>
|
|
102
|
+
<a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" id="searchstax-pagination-next">Next ></a>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
{{/results.length}}
|
|
106
|
+
`,nextButtonClass:"searchstax-pagination-next",previousButtonClass:"searchstax-pagination-previous"},infiniteScrollTemplate:{template:`
|
|
107
|
+
{{#results.length}}
|
|
108
|
+
{{^isLastPage}}
|
|
109
|
+
<a class="searchstax-pagination-load-more">Show More</a>
|
|
110
|
+
{{/isLastPage}}
|
|
111
|
+
{{/results.length}}
|
|
112
|
+
`,loadMoreButtonClass:"searchstax-pagination-load-more"}},d={main:{template:`
|
|
113
|
+
{{#hasRelatedSearches}}
|
|
114
|
+
<div class="searchstax-related-searches-container" id="searchstax-related-searches-container">
|
|
115
|
+
Related searches: <span id="searchstax-related-searches"></span>
|
|
116
|
+
{{#relatedSearches}}
|
|
117
|
+
<span class="searchstax-related-search">
|
|
118
|
+
|
|
119
|
+
</span>
|
|
120
|
+
{{/relatedSearches}}
|
|
121
|
+
</div>
|
|
122
|
+
{{/hasRelatedSearches}}
|
|
123
|
+
`,relatedSearchesContainerClass:"searchstax-related-search"},relatedSearch:{template:`
|
|
124
|
+
<span class="searchstax-related-search searchstax-related-search-item">
|
|
125
|
+
{{ related_search }}{{^last}}<span>,</span>{{/last}}
|
|
126
|
+
</span>
|
|
127
|
+
`,relatedSearchContainerClass:"searchstax-related-search-item"}},u={main:{template:`
|
|
128
|
+
{{#searchExecuted}}
|
|
129
|
+
<div class="searchstax-feedback-container">
|
|
130
|
+
{{#if totalResults}}
|
|
131
|
+
Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> of <b>{{totalResults}}</b> results {{#searchTerm}} for "<b>{{searchTerm}}</b>" {{/searchTerm}}
|
|
132
|
+
<div class="searchstax-feedback-container-suggested">
|
|
133
|
+
{{#autoCorrectedQuery}}
|
|
134
|
+
Search instead for <a href="#" class="searchstax-feedback-original-query">{{originalQuery}}</a>
|
|
135
|
+
{{/autoCorrectedQuery}}
|
|
136
|
+
</div>
|
|
137
|
+
{{/if}}
|
|
138
|
+
</div>
|
|
139
|
+
{{/searchExecuted}}
|
|
140
|
+
`,originalQueryClass:"searchstax-feedback-original-query"}},p={mainTemplate:{template:`
|
|
141
|
+
<div class="searchstax-search-input-container">
|
|
142
|
+
<div class="searchstax-search-input-wrapper">
|
|
143
|
+
<input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." />
|
|
144
|
+
<button class="searchstax-spinner-icon" id="searchstax-search-input-action-button"></button>
|
|
145
|
+
</div>
|
|
146
|
+
</div>
|
|
147
|
+
`,searchInputId:"searchstax-search-input"},autosuggestItemTemplate:{template:`
|
|
148
|
+
<div class="searchstax-autosuggest-item-term-container">{{{term}}}</div>
|
|
149
|
+
`}},x={mainTemplate:{template:`
|
|
150
|
+
<div class="searchstax-search-results-container">
|
|
151
|
+
<div class="searchstax-search-results" id="searchstax-search-results"></div>
|
|
152
|
+
</div>
|
|
153
|
+
`,searchResultsContainerId:"searchstax-search-results"},searchResultTemplate:{template:`
|
|
154
|
+
<div class="searchstax-search-result {{#thumbnail}} has-thumbnail {{/thumbnail}}">
|
|
155
|
+
{{#promoted}}
|
|
156
|
+
<div class="searchstax-search-result-promoted"></div>
|
|
157
|
+
{{/promoted}}
|
|
158
|
+
|
|
159
|
+
{{#url}}
|
|
160
|
+
<a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link"></a>
|
|
161
|
+
{{/url}}
|
|
162
|
+
|
|
163
|
+
{{#ribbon}}
|
|
164
|
+
<div class="searchstax-search-result-ribbon">
|
|
165
|
+
{{ribbon}}
|
|
166
|
+
</div>
|
|
167
|
+
{{/ribbon}}
|
|
168
|
+
|
|
169
|
+
{{#thumbnail}}
|
|
170
|
+
<img src="{{thumbnail}}" class="searchstax-thumbnail">
|
|
171
|
+
{{/thumbnail}}
|
|
172
|
+
<div class="searchstax-search-result-title-container">
|
|
173
|
+
<span class="searchstax-search-result-title">{{title}}</span>
|
|
174
|
+
</div>
|
|
175
|
+
|
|
176
|
+
{{#paths}}
|
|
177
|
+
<p class="searchstax-search-result-common">
|
|
178
|
+
{{paths}}
|
|
179
|
+
</p>
|
|
180
|
+
{{/paths}}
|
|
181
|
+
|
|
182
|
+
{{#description}}
|
|
183
|
+
<p class="searchstax-search-result-description searchstax-search-result-common">
|
|
184
|
+
{{description}}
|
|
185
|
+
</p>
|
|
186
|
+
{{/description}}
|
|
187
|
+
|
|
188
|
+
{{#unmappedFields}}
|
|
189
|
+
{{#isImage}}
|
|
190
|
+
<div class="searchstax-search-result-image-container">
|
|
191
|
+
<img src="{{value}}" class="searchstax-result-image">
|
|
192
|
+
</div>
|
|
193
|
+
{{/isImage}}
|
|
194
|
+
{{^isImage}}
|
|
195
|
+
<p class="searchstax-search-result-common">
|
|
196
|
+
{{value}}
|
|
197
|
+
</p>
|
|
198
|
+
{{/isImage}}
|
|
199
|
+
{{/unmappedFields}}
|
|
200
|
+
</div>
|
|
201
|
+
`,searchResultUniqueIdAttribute:"data-searchstax-unique-result-id"},noSearchResultTemplate:{template:`
|
|
202
|
+
{{#searchExecuted}}
|
|
203
|
+
<div class="searchstax-no-results">
|
|
204
|
+
Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
|
|
205
|
+
<br>
|
|
206
|
+
{{#spellingSuggestion}}
|
|
207
|
+
<span> Did you mean <a href="#" class="searchstax-suggestion-term">{{ spellingSuggestion }}</a>?</span>
|
|
208
|
+
{{/spellingSuggestion}}
|
|
209
|
+
</div>
|
|
210
|
+
<div>
|
|
211
|
+
<p>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</p>
|
|
212
|
+
<p>Lost? Click on the ‘X” in the Search Box to reset your search.</p>
|
|
213
|
+
</div>
|
|
214
|
+
{{/searchExecuted}}
|
|
215
|
+
`}},v={main:{template:`
|
|
216
|
+
{{#searchExecuted}}
|
|
217
|
+
{{#hasResultsOrExternalPromotions}}
|
|
218
|
+
<div class="searchstax-sorting-container">
|
|
219
|
+
<label class="searchstax-sorting-label" for="sort-by">Sort By</label>
|
|
220
|
+
<select id="searchstax-search-order-select" class="searchstax-search-order-select">
|
|
221
|
+
<option value="">
|
|
222
|
+
Relevance
|
|
223
|
+
</option>
|
|
224
|
+
<option value="date desc">
|
|
225
|
+
Newest Content
|
|
226
|
+
</option>
|
|
227
|
+
<option value="date asc">
|
|
228
|
+
Oldest Content
|
|
229
|
+
</option>
|
|
230
|
+
</select>
|
|
231
|
+
</div>
|
|
232
|
+
{{/hasResultsOrExternalPromotions}}
|
|
233
|
+
{{/searchExecuted}}
|
|
234
|
+
`,selectId:"searchstax-search-order-select"}};class e{}s(e,"answer",i),s(e,"externalPromotions",n),s(e,"facets",o),s(e,"pagination",h),s(e,"relatedSearches",d),s(e,"searchFeedback",u),s(e,"searchInput",p),s(e,"searchResults",x),s(e,"sorting",v);exports.Templates=e;exports.default=e;
|