@searchstax-inc/searchstudio-ux-js 1.0.13 → 1.0.25

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
@@ -128,7 +128,9 @@ b. Answer widget config object of type: [ISearchstaxAnswerConfig](https://www.se
128
128
 
129
129
  example of answer widget initialization with minimum options
130
130
  ```
131
- searchstax.addAnswerWidget("searchstax-answer-container", {});
131
+ searchstax.addAnswerWidget("searchstax-answer-container", {
132
+ showShowMoreAfterWordCount: 100
133
+ });
132
134
  ```
133
135
 
134
136
 
@@ -136,15 +138,34 @@ example of answer widget initialization with various options
136
138
  ```
137
139
 
138
140
  searchstax.addAnswerWidget("searchstax-answer-container", {
141
+ showShowMoreAfterWordCount: 100,
139
142
  templates: {
140
143
  main: {
141
144
  template: `
142
145
  {{#shouldShowAnswer}}
143
- <div class="searchstax-answer-container">
144
- <div class="searchstax-answer-title">Answer</div>
145
- <div class="searchstax-answer-description">
146
- {{answer}}
146
+ <div>
147
+ <div class="searchstax-answer-container {{#showMoreButtonVisible}}searchstax-answer-show-more{{/showMoreButtonVisible}}">
148
+ <div class="searchstax-answer-title">Answer</div>
149
+ <div class="searchstax-answer-description">
150
+ {{#showMoreButtonVisible}}
151
+ {{answerTruncated}}
152
+ {{/showMoreButtonVisible}}
153
+ {{^showMoreButtonVisible}}
154
+ {{answer}}
155
+ {{/showMoreButtonVisible}}
156
+
157
+ {{#answerLoading}}
158
+ <div class="searchstax-answer-loading"></div>
159
+ {{/answerLoading}}
160
+ </div>
147
161
  </div>
162
+
163
+
164
+ {{#showMoreButtonVisible}}
165
+ <div class="searchstax-answer-load-more-button-container">
166
+ <button class="searchstax-answer-load-more-button">Show More...</button>
167
+ </div>
168
+ {{/showMoreButtonVisible}}
148
169
  </div>
149
170
  {{/shouldShowAnswer}}
150
171
  `,
package/README.mustache CHANGED
@@ -128,7 +128,9 @@ b. Answer widget config object of type: [ISearchstaxAnswerConfig](https://www.se
128
128
 
129
129
  example of answer widget initialization with minimum options
130
130
  ```
131
- searchstax.addAnswerWidget("searchstax-answer-container", {});
131
+ searchstax.addAnswerWidget("searchstax-answer-container", {
132
+ showShowMoreAfterWordCount: 100
133
+ });
132
134
  ```
133
135
 
134
136
 
@@ -136,6 +138,7 @@ example of answer widget initialization with various options
136
138
  ```
137
139
 
138
140
  searchstax.addAnswerWidget("searchstax-answer-container", {
141
+ showShowMoreAfterWordCount: 100,
139
142
  templates: {
140
143
  main: {
141
144
  template: `{{&answer.main.template}}`,