@appbaseio/reactivesearch-vue 1.24.2 → 1.26.0

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.
Files changed (59) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +481 -279
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +5 -5
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/{DownShift-62e82255.js → CancelSvg-4aa35935.js} +58 -14
  6. package/dist/cjs/DataSearch.js +31 -82
  7. package/dist/cjs/{DropDown-6815b9b6.js → DropDown-cf9bfffc.js} +60 -23
  8. package/dist/cjs/DynamicRangeSlider.js +9 -6
  9. package/dist/cjs/MultiDropdownList.js +14 -7
  10. package/dist/cjs/MultiList.js +6 -5
  11. package/dist/cjs/MultiRange.js +2 -2
  12. package/dist/cjs/RangeInput.js +3 -3
  13. package/dist/cjs/RangeSlider.js +17 -20
  14. package/dist/cjs/ReactiveBase.js +5 -3
  15. package/dist/cjs/ReactiveComponent.js +12 -12
  16. package/dist/cjs/ReactiveList.js +54 -42
  17. package/dist/cjs/ResultCard.js +1 -1
  18. package/dist/cjs/ResultList.js +1 -1
  19. package/dist/cjs/SelectedFilters.js +7 -5
  20. package/dist/cjs/SingleDropdownList.js +14 -7
  21. package/dist/cjs/SingleList.js +7 -6
  22. package/dist/cjs/SingleRange.js +2 -2
  23. package/dist/cjs/StateProvider.js +6 -2
  24. package/dist/cjs/ToggleButton.js +3 -3
  25. package/dist/cjs/index.js +7 -4
  26. package/dist/cjs/initReactivesearch.js +31 -12
  27. package/dist/cjs/install.js +5 -4
  28. package/dist/cjs/ssr-0ee35a09.js +39 -0
  29. package/dist/cjs/version.js +1 -1
  30. package/dist/cjs/{vueTypes-4c19b4c8.js → vueTypes-57d01f18.js} +3 -3
  31. package/dist/es/{DownShift-3558d402.js → CancelSvg-c2c03a35.js} +55 -16
  32. package/dist/es/DataSearch.js +21 -72
  33. package/dist/es/{DropDown-035c804f.js → DropDown-c8da0a2c.js} +59 -22
  34. package/dist/es/DynamicRangeSlider.js +9 -6
  35. package/dist/es/MultiDropdownList.js +14 -7
  36. package/dist/es/MultiList.js +6 -5
  37. package/dist/es/MultiRange.js +2 -2
  38. package/dist/es/RangeInput.js +3 -3
  39. package/dist/es/RangeSlider.js +17 -20
  40. package/dist/es/ReactiveBase.js +5 -3
  41. package/dist/es/ReactiveComponent.js +12 -12
  42. package/dist/es/ReactiveList.js +54 -42
  43. package/dist/es/ResultCard.js +1 -1
  44. package/dist/es/ResultList.js +1 -1
  45. package/dist/es/SelectedFilters.js +7 -5
  46. package/dist/es/SingleDropdownList.js +14 -7
  47. package/dist/es/SingleList.js +7 -6
  48. package/dist/es/SingleRange.js +2 -2
  49. package/dist/es/StateProvider.js +6 -2
  50. package/dist/es/ToggleButton.js +3 -3
  51. package/dist/es/index.js +7 -4
  52. package/dist/es/initReactivesearch.js +31 -12
  53. package/dist/es/install.js +5 -4
  54. package/dist/es/ssr-a41dfea9.js +33 -0
  55. package/dist/es/version.js +1 -1
  56. package/dist/es/{vueTypes-fb61bb7b.js → vueTypes-687b2304.js} +3 -3
  57. package/package.json +3 -3
  58. package/dist/cjs/ssr-08e95ede.js +0 -39
  59. package/dist/es/ssr-5d255b08.js +0 -33
@@ -13,18 +13,19 @@ require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
15
  var Button = require('./Button-11307285.js');
16
- var vueTypes = require('./vueTypes-4c19b4c8.js');
16
+ var vueTypes = require('./vueTypes-57d01f18.js');
17
17
  require('@appbaseio/reactivecore/lib/utils/transform');
18
18
  require('redux');
19
19
  var index = require('./index-89c39a9e.js');
20
20
  var ComponentWrapper = require('./ComponentWrapper-32481890.js');
21
21
  var Title = require('./Title-584a8cc8.js');
22
+ require('./CancelSvg-4aa35935.js');
22
23
  require('./Input-3cc3fa59.js');
23
24
  require('compute-scroll-into-view');
24
- require('./DownShift-62e82255.js');
25
25
  var Container = require('./Container-526efa6a.js');
26
+ require('@appbaseio/reactivecore/lib/utils/suggestions');
26
27
  var utils = require('./utils-1219e1fe.js');
27
- var DropDown = require('./DropDown-6815b9b6.js');
28
+ var DropDown = require('./DropDown-cf9bfffc.js');
28
29
 
29
30
  var updateQuery = configureStore.Actions.updateQuery,
30
31
  setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -80,10 +81,12 @@ var SingleDropdownList = {
80
81
  showMissing: VueTypes.bool.def(false),
81
82
  missingLabel: VueTypes.string.def('N/A'),
82
83
  showSearch: VueTypes.bool.def(false),
84
+ showClear: VueTypes.bool.def(false),
83
85
  showLoadMore: VueTypes.bool.def(false),
84
86
  loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
85
87
  nestedField: vueTypes.types.string,
86
- index: VueTypes.string
88
+ index: VueTypes.string,
89
+ searchPlaceholder: VueTypes.string.def('Type here to search...')
87
90
  },
88
91
  created: function created() {
89
92
  if (!this.enableAppbase && this.$props.index) {
@@ -197,7 +200,9 @@ var SingleDropdownList = {
197
200
  if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
198
201
  if (renderNoResults && index.isFunction(renderNoResults)) {
199
202
  return h("div", [renderNoResults()]);
200
- } else if (renderNoResults && !index.isFunction(renderNoResults)) {
203
+ }
204
+
205
+ if (renderNoResults && !index.isFunction(renderNoResults)) {
201
206
  return renderNoResults;
202
207
  }
203
208
 
@@ -235,6 +240,8 @@ var SingleDropdownList = {
235
240
  "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
236
241
  "themePreset": this.themePreset,
237
242
  "showSearch": this.$props.showSearch,
243
+ "showClear": this.$props.showClear,
244
+ "searchPlaceholder": this.$props.searchPlaceholder,
238
245
  "transformData": this.$props.transformData,
239
246
  "footer": showLoadMore && !isLastBucket && h("div", {
240
247
  "attrs": {
@@ -294,7 +301,7 @@ var SingleDropdownList = {
294
301
  index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
295
302
  }
296
303
 
297
- this.setQueryOptions(this.internalComponent, defaultQueryOptions);
304
+ this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
298
305
  this.updateQuery({
299
306
  componentId: this.internalComponent,
300
307
  query: query,
@@ -315,7 +322,7 @@ var SingleDropdownList = {
315
322
  index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
316
323
  }
317
324
 
318
- this.setQueryOptions(props.componentId, customQueryOptions);
325
+ this.setQueryOptions(props.componentId, customQueryOptions, false);
319
326
  this.updateQuery({
320
327
  componentId: props.componentId,
321
328
  query: query,
@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
12
12
  require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
- var vueTypes = require('./vueTypes-4c19b4c8.js');
15
+ var vueTypes = require('./vueTypes-57d01f18.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
18
18
  var index = require('./index-89c39a9e.js');
@@ -20,6 +20,7 @@ var ComponentWrapper = require('./ComponentWrapper-32481890.js');
20
20
  var Title = require('./Title-584a8cc8.js');
21
21
  var Input = require('./Input-3cc3fa59.js');
22
22
  var Container = require('./Container-526efa6a.js');
23
+ var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
23
24
  var FormControlList = require('./FormControlList-808dbcef.js');
24
25
  var utils = require('./utils-1219e1fe.js');
25
26
 
@@ -36,7 +37,7 @@ var SingleList = {
36
37
  name: 'SingleList',
37
38
  props: {
38
39
  beforeValueChange: vueTypes.types.func,
39
- className: vueTypes.types.string.def(''),
40
+ className: VueTypes.string.def(''),
40
41
  componentId: vueTypes.types.stringRequired,
41
42
  customQuery: vueTypes.types.func,
42
43
  dataField: vueTypes.types.stringRequired,
@@ -56,7 +57,7 @@ var SingleList = {
56
57
  showFilter: VueTypes.bool.def(true),
57
58
  showRadio: VueTypes.bool.def(true),
58
59
  showSearch: VueTypes.bool.def(true),
59
- size: VueTypes.number.def(100),
60
+ size: VueTypes.number,
60
61
  sortBy: VueTypes.oneOf(['asc', 'desc', 'count']).def('count'),
61
62
  title: vueTypes.types.title,
62
63
  URLParams: VueTypes.bool.def(false),
@@ -170,7 +171,7 @@ var SingleList = {
170
171
  var filteredItemsToRender = itemsToRender.filter(function (item) {
171
172
  if (String(item.key).length) {
172
173
  if (_this.$props.showSearch && _this.$data.searchTerm) {
173
- return String(item.key).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
174
+ return suggestions.replaceDiacritics(String(item.key)).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
174
175
  }
175
176
 
176
177
  return true;
@@ -283,7 +284,7 @@ var SingleList = {
283
284
  index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
284
285
  }
285
286
 
286
- this.setQueryOptions(this.internalComponent, defaultQueryOptions);
287
+ this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
287
288
  this.updateQuery({
288
289
  componentId: this.internalComponent,
289
290
  query: query,
@@ -304,7 +305,7 @@ var SingleList = {
304
305
  index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
305
306
  }
306
307
 
307
- this.setQueryOptions(props.componentId, customQueryOptions);
308
+ this.setQueryOptions(props.componentId, customQueryOptions, false);
308
309
  this.updateQuery({
309
310
  componentId: props.componentId,
310
311
  query: query,
@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
12
12
  require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
- var vueTypes = require('./vueTypes-4c19b4c8.js');
15
+ var vueTypes = require('./vueTypes-57d01f18.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
18
18
  var index = require('./index-89c39a9e.js');
@@ -167,7 +167,7 @@ var SingleRange = {
167
167
  index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
168
168
  }
169
169
 
170
- this.setQueryOptions(props.componentId, customQueryOptions);
170
+ this.setQueryOptions(props.componentId, customQueryOptions, false);
171
171
  this.updateQuery({
172
172
  componentId: props.componentId,
173
173
  query: query,
@@ -16,6 +16,10 @@ var getSearchState = configureStore.helper.getSearchState;
16
16
  var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
17
17
 
18
18
  var filterProps = function filterProps(props) {
19
+ if (props === void 0) {
20
+ props = {};
21
+ }
22
+
19
23
  return _rollupPluginBabelHelpers._extends({}, props, {
20
24
  props: props.componentProps
21
25
  });
@@ -35,7 +39,7 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
35
39
  return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
36
40
  }
37
41
 
38
- if (componentIds instanceof Array) {
42
+ if (Array.isArray(componentIds)) {
39
43
  var filteredState = {};
40
44
  componentIds.forEach(function (componentId) {
41
45
  filteredState[componentId] = state[componentId];
@@ -74,7 +78,7 @@ var StateProvider = {
74
78
  };
75
79
  return this.__state;
76
80
  },
77
- mounted: function mounted() {
81
+ created: function created() {
78
82
  this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
79
83
  },
80
84
  computed: {
@@ -13,7 +13,7 @@ require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
15
  var Button = require('./Button-11307285.js');
16
- var vueTypes = require('./vueTypes-4c19b4c8.js');
16
+ var vueTypes = require('./vueTypes-57d01f18.js');
17
17
  require('@appbaseio/reactivecore/lib/utils/transform');
18
18
  require('redux');
19
19
  var index = require('./index-89c39a9e.js');
@@ -35,7 +35,7 @@ var ToggleButton = {
35
35
  componentId: vueTypes.types.stringRequired,
36
36
  data: vueTypes.types.data,
37
37
  dataField: vueTypes.types.stringRequired,
38
- defaultValue: vueTypes.types.stringOrArray,
38
+ defaultValue: vueTypes.types.any,
39
39
  value: vueTypes.types.stringOrArray,
40
40
  filterLabel: vueTypes.types.string,
41
41
  nestedField: vueTypes.types.string,
@@ -193,7 +193,7 @@ var ToggleButton = {
193
193
  var _ref = customQuery(value, props) || {};
194
194
 
195
195
  query = _ref.query;
196
- this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)));
196
+ this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)), false);
197
197
  index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
198
198
  }
199
199
 
package/dist/cjs/index.js CHANGED
@@ -11,7 +11,7 @@ require('emotion');
11
11
  require('@appbaseio/vue-emotion');
12
12
  require('polished');
13
13
  require('./Button-11307285.js');
14
- require('./vueTypes-4c19b4c8.js');
14
+ require('./vueTypes-57d01f18.js');
15
15
  var ReactiveList = require('./ReactiveList.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
@@ -28,16 +28,17 @@ require('url-search-params-polyfill');
28
28
  var ReactiveBase = require('./ReactiveBase.js');
29
29
  require('hotkeys-js');
30
30
  var DataSearch = require('./DataSearch.js');
31
+ require('./CancelSvg-4aa35935.js');
31
32
  require('./Input-3cc3fa59.js');
32
33
  require('compute-scroll-into-view');
33
- require('./DownShift-62e82255.js');
34
34
  require('./Container-526efa6a.js');
35
35
  require('vue-highlight-words');
36
+ require('@appbaseio/reactivecore/lib/utils/suggestions');
36
37
  require('./FormControlList-808dbcef.js');
37
38
  require('./utils-1219e1fe.js');
38
39
  var SingleList = require('./SingleList.js');
39
40
  var MultiList = require('./MultiList.js');
40
- require('./DropDown-6815b9b6.js');
41
+ require('./DropDown-cf9bfffc.js');
41
42
  var SingleDropdownList = require('./SingleDropdownList.js');
42
43
  var MultiDropdownList = require('./MultiDropdownList.js');
43
44
  var ToggleButton = require('./ToggleButton.js');
@@ -48,13 +49,15 @@ var MultiRange = require('./MultiRange.js');
48
49
  var ResultCard = require('./ResultCard.js');
49
50
  var ResultList = require('./ResultList.js');
50
51
  require('vue-no-ssr');
51
- require('./ssr-08e95ede.js');
52
+ require('./ssr-0ee35a09.js');
52
53
  var RangeSlider = require('./RangeSlider.js');
53
54
  var DynamicRangeSlider = require('./DynamicRangeSlider.js');
54
55
  var StateProvider = require('./StateProvider.js');
55
56
  require('@appbaseio/reactivecore/lib/reducers/valueReducer');
56
57
  require('@appbaseio/reactivecore/lib/reducers/queryReducer');
57
58
  require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer');
59
+ require('@appbaseio/reactivecore/lib/reducers/compositeAggsReducer');
60
+ require('@appbaseio/reactivecore/lib/constants');
58
61
  require('@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer');
59
62
  require('@appbaseio/reactivecore/lib/utils/graphQL');
60
63
  require('@appbaseio/reactivecore/lib/actions/utils');
@@ -12,6 +12,8 @@ var Appbase = _interopDefault(require('appbase-js'));
12
12
  var valueReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/valueReducer'));
13
13
  var queryReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryReducer'));
14
14
  var queryOptionsReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer'));
15
+ var compositeAggsReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/compositeAggsReducer'));
16
+ var constants$1 = require('@appbaseio/reactivecore/lib/constants');
15
17
  var dependencyTreeReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer'));
16
18
  var fetchGraphQL = _interopDefault(require('@appbaseio/reactivecore/lib/utils/graphQL'));
17
19
  var utils = require('@appbaseio/reactivecore/lib/actions/utils');
@@ -108,6 +110,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
108
110
  var orderOfQueries = [];
109
111
  var hits = {};
110
112
  var aggregations = {};
113
+ var compositeAggregations = {};
111
114
  var state = {};
112
115
  var customQueries = {};
113
116
  var defaultQueries = {};
@@ -122,16 +125,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
122
125
  compProps[key] = component[key];
123
126
  }
124
127
  });
125
- var isInternalComponentPresent = false; // Set custom and default queries
126
-
127
- if (component.customQuery && typeof component.customQuery === 'function') {
128
- customQueries[component.componentId] = component.customQuery(component.value, compProps);
129
- }
130
-
131
- if (component.defaultQuery && typeof component.defaultQuery === 'function') {
132
- defaultQueries[component.componentId] = component.defaultQuery(component.value, compProps);
133
- }
134
-
128
+ var isInternalComponentPresent = false;
135
129
  var isResultComponent = resultComponents.includes(componentType);
136
130
  var internalComponent = component.componentId + "__internal";
137
131
  var label = component.filterLabel || component.componentId;
@@ -155,7 +149,16 @@ function initReactivesearch(componentCollection, searchState, settings) {
155
149
  reference: reference,
156
150
  showFilter: showFilter,
157
151
  URLParams: component.URLParams || false
158
- }); // [2] set query options - main component query (valid for result components)
152
+ }); // Set custom and default queries
153
+
154
+ if (component.customQuery && typeof component.customQuery === 'function') {
155
+ customQueries[component.componentId] = component.customQuery(value, compProps);
156
+ }
157
+
158
+ if (component.defaultQuery && typeof component.defaultQuery === 'function') {
159
+ defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
160
+ } // [2] set query options - main component query (valid for result components)
161
+
159
162
 
160
163
  if (componentsWithOptions.includes(componentType)) {
161
164
  var options = component.source.generateQueryOptions ? component.source.generateQueryOptions(component) : null;
@@ -242,7 +245,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
242
245
 
243
246
 
244
247
  if (isResultComponent) {
245
- var _getQuery = getQuery(component, null, componentType),
248
+ var _getQuery = getQuery(component, value, componentType),
246
249
  query = _getQuery.query;
247
250
 
248
251
  queryList = queryReducer(queryList, {
@@ -342,6 +345,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
342
345
  var _extends4;
343
346
 
344
347
  aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
348
+ compositeAggregations = compositeAggsReducer(compositeAggregations, {
349
+ type: constants$1.UPDATE_COMPOSITE_AGGS,
350
+ aggregations: response.aggregations,
351
+ append: false
352
+ });
345
353
  }
346
354
 
347
355
  hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends5 = {}, _extends5[component] = {
@@ -368,6 +376,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
368
376
  var promotedResults = {};
369
377
  var rawData = {};
370
378
  var customData = {};
379
+ var settingsResponse = {};
380
+ var timestamp = {};
371
381
  var allPromises = orderOfQueries.map(function (component) {
372
382
  return new Promise(function (responseResolve, responseReject) {
373
383
  handleTransformResponse(res[component], component).then(function (response) {
@@ -386,6 +396,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
386
396
 
387
397
  if (response.customData) {
388
398
  customData[component] = response.customData;
399
+ } // Update settings
400
+
401
+
402
+ if (response.settings) {
403
+ settingsResponse[component] = response.settings;
389
404
  }
390
405
 
391
406
  if (response.aggregations) {
@@ -394,6 +409,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
394
409
  aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
395
410
  }
396
411
 
412
+ timestamp[component] = res._timestamp;
397
413
  hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
398
414
  hits: response.hits.hits,
399
415
  total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
@@ -409,8 +425,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
409
425
  Promise.all(allPromises).then(function () {
410
426
  state = _rollupPluginBabelHelpers._extends({}, state, {
411
427
  hits: hits,
428
+ timestamp: timestamp,
412
429
  aggregations: aggregations,
430
+ compositeAggregations: compositeAggregations,
413
431
  promotedResults: promotedResults,
432
+ settings: settingsResponse,
414
433
  customData: customData,
415
434
  rawData: rawData
416
435
  });
@@ -11,7 +11,7 @@ require('emotion');
11
11
  require('@appbaseio/vue-emotion');
12
12
  require('polished');
13
13
  require('./Button-11307285.js');
14
- require('./vueTypes-4c19b4c8.js');
14
+ require('./vueTypes-57d01f18.js');
15
15
  var ReactiveList = require('./ReactiveList.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
@@ -28,16 +28,17 @@ require('url-search-params-polyfill');
28
28
  var ReactiveBase = require('./ReactiveBase.js');
29
29
  require('hotkeys-js');
30
30
  var DataSearch = require('./DataSearch.js');
31
+ require('./CancelSvg-4aa35935.js');
31
32
  require('./Input-3cc3fa59.js');
32
33
  require('compute-scroll-into-view');
33
- require('./DownShift-62e82255.js');
34
34
  require('./Container-526efa6a.js');
35
35
  require('vue-highlight-words');
36
+ require('@appbaseio/reactivecore/lib/utils/suggestions');
36
37
  require('./FormControlList-808dbcef.js');
37
38
  require('./utils-1219e1fe.js');
38
39
  var SingleList = require('./SingleList.js');
39
40
  var MultiList = require('./MultiList.js');
40
- require('./DropDown-6815b9b6.js');
41
+ require('./DropDown-cf9bfffc.js');
41
42
  var SingleDropdownList = require('./SingleDropdownList.js');
42
43
  var MultiDropdownList = require('./MultiDropdownList.js');
43
44
  var ToggleButton = require('./ToggleButton.js');
@@ -48,7 +49,7 @@ var MultiRange = require('./MultiRange.js');
48
49
  var ResultCard = require('./ResultCard.js');
49
50
  var ResultList = require('./ResultList.js');
50
51
  require('vue-no-ssr');
51
- require('./ssr-08e95ede.js');
52
+ require('./ssr-0ee35a09.js');
52
53
  var RangeSlider = require('./RangeSlider.js');
53
54
  var DynamicRangeSlider = require('./DynamicRangeSlider.js');
54
55
  var StateProvider = require('./StateProvider.js');
@@ -0,0 +1,39 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
6
+ var styled = require('@appbaseio/vue-emotion');
7
+ var styled__default = _interopDefault(styled);
8
+ var NoSSR = _interopDefault(require('vue-no-ssr'));
9
+
10
+ var _templateObject;
11
+ var Slider = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
12
+
13
+ /**
14
+ * Caution: Please do not change this file without having a discussion with the Team.
15
+ * Any change may break the umd build, we're directly replacing the line no: 14
16
+ * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
17
+ */
18
+ // eslint-disable-next-line
19
+
20
+ var getComponents = function getComponents() {
21
+ var components = {
22
+ NoSSR: NoSSR
23
+ };
24
+
25
+ if (process.browser) {
26
+ try {
27
+ // in older versions of nuxt, it's process.BROWSER_BUILD
28
+ // eslint-disable-next-line
29
+ components['vue-slider-component'] = require('vue-slider-component');
30
+ } catch (e) {
31
+ console.error('Unable to load vue-slider', e);
32
+ }
33
+ }
34
+
35
+ return components;
36
+ };
37
+
38
+ exports.Slider = Slider;
39
+ exports.getComponents = getComponents;
@@ -2,6 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var version = "1.24.2";
5
+ var version = "1.26.0";
6
6
 
7
7
  exports.default = version;
@@ -99,19 +99,19 @@ var types = {
99
99
  unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
100
100
  value: VueTypes.string.def(undefined),
101
101
  analyticsConfig: VueTypes.shape({
102
- searchStateHeader: VueTypes.bool,
103
102
  emptyQuery: VueTypes.bool,
104
103
  suggestionAnalytics: VueTypes.bool,
105
104
  userId: VueTypes.string,
106
105
  customEvents: VueTypes.object
107
106
  }),
108
107
  appbaseConfig: VueTypes.shape({
109
- enableQueryRules: VueTypes.bool,
110
108
  recordAnalytics: VueTypes.bool,
111
- searchStateHeader: VueTypes.bool,
112
109
  emptyQuery: VueTypes.bool,
113
110
  suggestionAnalytics: VueTypes.bool,
111
+ enableQueryRules: VueTypes.bool,
112
+ enableSearchRelevancy: VueTypes.bool,
114
113
  userId: VueTypes.string,
114
+ useCache: VueTypes.bool,
115
115
  customEvents: VueTypes.object,
116
116
  enableTelemetry: VueTypes.bool.def(true)
117
117
  }).def({}),
@@ -1,6 +1,33 @@
1
- import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
1
+ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
2
+ import styled, { css } from '@appbaseio/vue-emotion';
2
3
  import computeScrollIntoView from 'compute-scroll-into-view';
3
4
 
5
+ var _templateObject;
6
+ var InputWrapper = styled('span')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
7
+
8
+ var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
9
+ var IconGroup = styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
10
+ var positionType = _ref.positionType;
11
+
12
+ if (positionType === 'absolute') {
13
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t"])));
14
+ }
15
+
16
+ return null;
17
+ }, function (_ref2) {
18
+ var groupPosition = _ref2.groupPosition;
19
+ return groupPosition === 'right' ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tright: 0;\n\t\t\t "]))) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tleft: 0;\n\t\t\t "])));
20
+ });
21
+
22
+ var _templateObject$2;
23
+ var IconWrapper = styled('div')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;min-width:20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform:scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
24
+ var theme = _ref.theme;
25
+ return theme.colors.primaryColor;
26
+ }, function (_ref2) {
27
+ var theme = _ref2.theme;
28
+ return theme.colors.borderColor || '#000';
29
+ });
30
+
4
31
  /**
5
32
  * Scroll node into view if necessary
6
33
  * @param {HTMLElement} node the element that should scroll into view
@@ -36,8 +63,7 @@ var Downshift = {
36
63
  internal_isOpen: false,
37
64
  internal_inputValue: '',
38
65
  internal_selectedItem: null,
39
- internal_highlightedIndex: null,
40
- internal_eventsCalled: {}
66
+ internal_highlightedIndex: null
41
67
  };
42
68
  },
43
69
  computed: {
@@ -222,23 +248,11 @@ var Downshift = {
222
248
  }
223
249
 
224
250
  var vm = this;
225
- setTimeout(function () {
226
- vm.internal_eventsCalled[index] = false;
227
- }, 0);
228
251
  return {
229
252
  mouseenter: function mouseenter() {
230
253
  vm.setHighlightedIndex(newIndex);
231
254
  },
232
- // for browsers not supporting click event (e.g. firefox android)
233
- mousedown: function mousedown(event) {
234
- if (vm.internal_eventsCalled[index]) return;
235
- vm.internal_eventsCalled[index] = true;
236
- event.stopPropagation();
237
- vm.selectItemAtIndex(newIndex);
238
- },
239
255
  click: function click(event) {
240
- if (vm.internal_eventsCalled[index]) return;
241
- vm.internal_eventsCalled[index] = true;
242
256
  event.stopPropagation();
243
257
  vm.selectItemAtIndex(newIndex);
244
258
  }
@@ -398,4 +412,29 @@ var Downshift = {
398
412
  }
399
413
  };
400
414
 
401
- export { Downshift as D };
415
+ var CancelSvg = {
416
+ functional: true,
417
+ render: function render(h) {
418
+ return h("svg", {
419
+ "attrs": {
420
+ "alt": "Clear",
421
+ "xmlns": "http://www.w3.org/2000/svg",
422
+ "height": "20px",
423
+ "viewBox": "0 0 24 24",
424
+ "width": "20px"
425
+ },
426
+ "class": "cancel-icon"
427
+ }, [h("title", ["Clear"]), h("path", {
428
+ "attrs": {
429
+ "d": "M0 0h24v24H0V0z",
430
+ "fill": "none"
431
+ }
432
+ }), h("path", {
433
+ "attrs": {
434
+ "d": "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
435
+ }
436
+ })]);
437
+ }
438
+ };
439
+
440
+ export { CancelSvg as C, Downshift as D, IconWrapper as I, IconGroup as a, InputWrapper as b };