@appbaseio/reactivesearch-vue 1.16.0-alpha.28 → 1.16.0-alpha.31

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 (65) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +378 -233
  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-d41f2442.js → CancelSvg-82021d23.js} +58 -14
  6. package/dist/cjs/{ComponentWrapper-ab813390.js → ComponentWrapper-7302fe1a.js} +1 -1
  7. package/dist/cjs/DataSearch.js +25 -76
  8. package/dist/cjs/{DropDown-3c343026.js → DropDown-c46d8b0c.js} +61 -21
  9. package/dist/cjs/DynamicRangeSlider.js +45 -9
  10. package/dist/cjs/MultiDropdownList.js +17 -10
  11. package/dist/cjs/MultiList.js +18 -13
  12. package/dist/cjs/MultiRange.js +4 -4
  13. package/dist/cjs/{Pagination-0b9ec0fc.js → Pagination-1b2320a7.js} +1 -1
  14. package/dist/cjs/RangeInput.js +9 -5
  15. package/dist/cjs/RangeSlider.js +19 -22
  16. package/dist/cjs/ReactiveBase.js +2 -2
  17. package/dist/cjs/ReactiveComponent.js +3 -3
  18. package/dist/cjs/ReactiveGoogleMap.js +4 -4
  19. package/dist/cjs/ReactiveList.js +4 -4
  20. package/dist/cjs/ResultCard.js +1 -1
  21. package/dist/cjs/ResultList.js +1 -1
  22. package/dist/cjs/SelectedFilters.js +8 -6
  23. package/dist/cjs/SingleDropdownList.js +13 -8
  24. package/dist/cjs/SingleList.js +5 -5
  25. package/dist/cjs/SingleRange.js +4 -4
  26. package/dist/cjs/StateProvider.js +7 -3
  27. package/dist/cjs/ToggleButton.js +4 -4
  28. package/dist/cjs/{index-2a8358cd.js → index-d44a0a21.js} +10 -4
  29. package/dist/cjs/index.js +7 -7
  30. package/dist/cjs/install.js +7 -7
  31. package/dist/cjs/ssr-c333c82c.js +39 -0
  32. package/dist/cjs/version.js +1 -1
  33. package/dist/cjs/{vueTypes-829a5f2c.js → vueTypes-6de9d2a9.js} +3 -3
  34. package/dist/es/{DownShift-e7ccf2a7.js → CancelSvg-4d9e0857.js} +55 -16
  35. package/dist/es/{ComponentWrapper-459505fd.js → ComponentWrapper-bbb717bc.js} +1 -1
  36. package/dist/es/DataSearch.js +15 -66
  37. package/dist/es/{DropDown-c5ab660f.js → DropDown-4edaa621.js} +60 -20
  38. package/dist/es/DynamicRangeSlider.js +45 -9
  39. package/dist/es/MultiDropdownList.js +17 -10
  40. package/dist/es/MultiList.js +18 -13
  41. package/dist/es/MultiRange.js +4 -4
  42. package/dist/es/{Pagination-e8216949.js → Pagination-b3e4054a.js} +1 -1
  43. package/dist/es/RangeInput.js +9 -5
  44. package/dist/es/RangeSlider.js +19 -22
  45. package/dist/es/ReactiveBase.js +2 -2
  46. package/dist/es/ReactiveComponent.js +3 -3
  47. package/dist/es/ReactiveGoogleMap.js +4 -4
  48. package/dist/es/ReactiveList.js +4 -4
  49. package/dist/es/ResultCard.js +1 -1
  50. package/dist/es/ResultList.js +1 -1
  51. package/dist/es/SelectedFilters.js +8 -6
  52. package/dist/es/SingleDropdownList.js +13 -8
  53. package/dist/es/SingleList.js +5 -5
  54. package/dist/es/SingleRange.js +4 -4
  55. package/dist/es/StateProvider.js +7 -3
  56. package/dist/es/ToggleButton.js +4 -4
  57. package/dist/es/{index-4755c9a0.js → index-5daa8276.js} +10 -4
  58. package/dist/es/index.js +7 -7
  59. package/dist/es/install.js +7 -7
  60. package/dist/es/ssr-e3196de1.js +33 -0
  61. package/dist/es/version.js +1 -1
  62. package/dist/es/{vueTypes-98819a12.js → vueTypes-9326e0be.js} +3 -3
  63. package/package.json +4 -4
  64. package/dist/cjs/ssr-f312af20.js +0 -39
  65. package/dist/es/ssr-a3306f57.js +0 -33
@@ -3,13 +3,13 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
3
3
  import VueTypes from 'vue-types';
4
4
  import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import '@appbaseio/vue-emotion';
6
- import { t as types } from './vueTypes-98819a12.js';
6
+ import { t as types } from './vueTypes-9326e0be.js';
7
7
  import 'redux';
8
- import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
8
+ import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
9
9
  import { T as Title } from './Title-579f8d6c.js';
10
10
  import { C as Container } from './Container-4383c6f0.js';
11
11
  import NoSSR from 'vue-no-ssr';
12
- import { g as getComponents, S as Slider } from './ssr-a3306f57.js';
12
+ import { g as getComponents, S as Slider } from './ssr-e3196de1.js';
13
13
 
14
14
  var addComponent = Actions.addComponent,
15
15
  removeComponent = Actions.removeComponent,
@@ -47,7 +47,8 @@ var DynamicRangeSlider = {
47
47
  URLParams: VueTypes.bool.def(false),
48
48
  sliderOptions: VueTypes.object.def({}),
49
49
  nestedField: types.string,
50
- index: VueTypes.string
50
+ index: VueTypes.string,
51
+ value: types.range
51
52
  },
52
53
  data: function data() {
53
54
  this.internalRangeComponent = this.$props.componentId + "__range__internal";
@@ -93,6 +94,8 @@ var DynamicRangeSlider = {
93
94
  components = _this$$$store$getStat.components;
94
95
  }
95
96
 
97
+ var value = this.$props.value;
98
+
96
99
  if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
97
100
  this.addComponent(this.componentId);
98
101
  this.addComponent(this.internalRangeComponent);
@@ -101,6 +104,8 @@ var DynamicRangeSlider = {
101
104
  this.handleChange(this.selectedValue);
102
105
  } else if (this.selectedValue) {
103
106
  this.handleChange(DynamicRangeSlider.parseValue(this.selectedValue, this.$props));
107
+ } else if (value) {
108
+ this.handleChange(DynamicRangeSlider.parseValue(value, this.$props));
104
109
  } // get range before executing other queries
105
110
 
106
111
 
@@ -119,6 +124,13 @@ var DynamicRangeSlider = {
119
124
  }
120
125
  },
121
126
  methods: {
127
+ isControlled: function isControlled() {
128
+ if (this.$props.value && this.$listeners) {
129
+ return true;
130
+ }
131
+
132
+ return false;
133
+ },
122
134
  setDefaultValue: function setDefaultValue(_ref) {
123
135
  var start = _ref.start,
124
136
  end = _ref.end;
@@ -129,6 +141,8 @@ var DynamicRangeSlider = {
129
141
  defaultEnd = _this$$props$defaultV.end;
130
142
 
131
143
  this.handleChange([defaultStart, defaultEnd]);
144
+ } else if (this.isControlled()) {
145
+ this.handleChange(DynamicRangeSlider.parseValue(this.$props.value), 'change');
132
146
  } else {
133
147
  this.currentValue = [start, end];
134
148
  }
@@ -176,8 +190,18 @@ var DynamicRangeSlider = {
176
190
  aggs: aggs
177
191
  });
178
192
  },
179
- handleSlider: function handleSlider(values) {
180
- this.handleChange(values.currentValue);
193
+ handleSlider: function handleSlider() {
194
+ var sliderValues = this.$refs.slider.getValue();
195
+ var value = this.$props.value;
196
+
197
+ if (value === undefined) {
198
+ this.handleChange(sliderValues);
199
+ } else {
200
+ this.$emit('change', {
201
+ start: sliderValues[0],
202
+ end: sliderValues[1]
203
+ });
204
+ }
181
205
  },
182
206
  handleChange: function handleChange(currentValue) {
183
207
  var _this2 = this;
@@ -229,7 +253,7 @@ var DynamicRangeSlider = {
229
253
  currentEnd = value[1]; // check if the slider is at its initial position
230
254
 
231
255
  var isInitialValue = currentStart === start && currentEnd === end;
232
- this.setQueryOptions(this.$props.componentId, customQueryOptions);
256
+ this.setQueryOptions(this.$props.componentId, customQueryOptions, false);
233
257
  this.updateQuery({
234
258
  componentId: this.$props.componentId,
235
259
  query: query,
@@ -270,6 +294,7 @@ var DynamicRangeSlider = {
270
294
  start: this.range.start,
271
295
  end: this.range.end
272
296
  };
297
+ this.$emit('change', value);
273
298
  this.handleChange(DynamicRangeSlider.parseValue(value, this.$props));
274
299
  },
275
300
  range: function range(newValue, oldValue) {
@@ -291,6 +316,11 @@ var DynamicRangeSlider = {
291
316
  if (!isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
292
317
  this.updateQueryHandler(this.$data.currentValue);
293
318
  }
319
+ },
320
+ value: function value(newVal, oldVal) {
321
+ if (!isEqual(newVal, oldVal)) {
322
+ this.handleChange(DynamicRangeSlider.parseValue(newVal, this.$props));
323
+ }
294
324
  }
295
325
  },
296
326
  render: function render() {
@@ -310,13 +340,15 @@ var DynamicRangeSlider = {
310
340
  }, [this.$props.title]), h(NoSSR, [h(Slider, {
311
341
  "class": getClassName(this.$props.innerClass, 'slider')
312
342
  }, [h("vue-slider-component", {
343
+ "ref": "slider",
313
344
  "attrs": {
314
345
  "value": [Math.max(start, this.currentValue[0]), Math.min(end, this.currentValue[1])],
315
346
  "min": Math.min(start, this.currentValue[0]),
316
347
  "max": Math.max(end, this.currentValue[1]),
317
348
  "dotSize": 20,
318
349
  "height": 4,
319
- "enable-cross": false
350
+ "enable-cross": false,
351
+ "tooltip": "always"
320
352
  },
321
353
  "on": {
322
354
  "drag-end": this.handleSlider
@@ -362,7 +394,11 @@ DynamicRangeSlider.defaultQuery = function (values, props) {
362
394
  };
363
395
 
364
396
  DynamicRangeSlider.parseValue = function (value) {
365
- return [value.start, value.end];
397
+ if (value) {
398
+ return Array.isArray(value) ? value : [value.start, value.end];
399
+ }
400
+
401
+ return [];
366
402
  };
367
403
 
368
404
  var mapStateToProps = function mapStateToProps(state, props) {
@@ -6,19 +6,20 @@ import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
8
  import { l as loadMoreContainer, B as Button } from './Button-799185e2.js';
9
- import { t as types } from './vueTypes-98819a12.js';
9
+ import { t as types } from './vueTypes-9326e0be.js';
10
10
  import '@appbaseio/reactivecore/lib/utils/transform';
11
11
  import 'redux';
12
- import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
13
- import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
12
+ import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
13
+ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
14
+ import '@vue/babel-helper-vue-jsx-merge-props';
14
15
  import { T as Title } from './Title-579f8d6c.js';
16
+ import './CancelSvg-4d9e0857.js';
15
17
  import './Input-d8519224.js';
16
18
  import 'compute-scroll-into-view';
17
- import './DownShift-e7ccf2a7.js';
18
19
  import { C as Container } from './Container-4383c6f0.js';
19
20
  import '@appbaseio/reactivecore/lib/utils/suggestions';
20
21
  import { g as getAggsQuery } from './utils-3a32e13f.js';
21
- import { D as Dropdown } from './DropDown-c5ab660f.js';
22
+ import { D as Dropdown } from './DropDown-4edaa621.js';
22
23
 
23
24
  var updateQuery = Actions.updateQuery,
24
25
  setQueryOptions = Actions.setQueryOptions,
@@ -75,10 +76,12 @@ var MultiDropdownList = {
75
76
  showMissing: VueTypes.bool.def(false),
76
77
  missingLabel: VueTypes.string.def('N/A'),
77
78
  showSearch: VueTypes.bool.def(false),
79
+ showClear: VueTypes.bool.def(false),
78
80
  showLoadMore: VueTypes.bool.def(false),
79
81
  loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
80
82
  nestedField: types.string,
81
- index: VueTypes.string
83
+ index: VueTypes.string,
84
+ searchPlaceholder: VueTypes.string.def('Type here to search...')
82
85
  },
83
86
  created: function created() {
84
87
  if (!this.enableAppbase && this.$props.index) {
@@ -206,7 +209,9 @@ var MultiDropdownList = {
206
209
  if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
207
210
  if (renderNoResults && isFunction(renderNoResults)) {
208
211
  return h("div", [renderNoResults()]);
209
- } else if (renderNoResults && !isFunction(renderNoResults)) {
212
+ }
213
+
214
+ if (renderNoResults && !isFunction(renderNoResults)) {
210
215
  return renderNoResults;
211
216
  }
212
217
 
@@ -245,6 +250,8 @@ var MultiDropdownList = {
245
250
  "renderItem": renderItemCalc,
246
251
  "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
247
252
  "showSearch": this.$props.showSearch,
253
+ "showClear": this.$props.showClear,
254
+ "searchPlaceholder": this.$props.searchPlaceholder,
248
255
  "transformData": this.$props.transformData,
249
256
  "footer": showLoadMore && !isLastBucket && h("div", {
250
257
  "attrs": {
@@ -336,7 +343,7 @@ var MultiDropdownList = {
336
343
  }
337
344
 
338
345
  var performUpdate = function performUpdate() {
339
- _this3.currentValue = currentValue;
346
+ _this3.currentValue = _extends({}, currentValue);
340
347
 
341
348
  _this3.updateQueryHandler(finalValues, props);
342
349
 
@@ -363,7 +370,7 @@ var MultiDropdownList = {
363
370
  updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
364
371
  }
365
372
 
366
- this.setQueryOptions(this.internalComponent, defaultQueryOptions);
373
+ this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
367
374
  this.updateQuery({
368
375
  componentId: this.internalComponent,
369
376
  query: query,
@@ -384,7 +391,7 @@ var MultiDropdownList = {
384
391
  updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
385
392
  }
386
393
 
387
- this.setQueryOptions(props.componentId, customQueryOptions);
394
+ this.setQueryOptions(props.componentId, customQueryOptions, false);
388
395
  this.updateQuery({
389
396
  componentId: props.componentId,
390
397
  query: query,
@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-98819a12.js';
8
+ import { t as types } from './vueTypes-9326e0be.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
11
+ import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
13
13
  import { T as Title } from './Title-579f8d6c.js';
14
14
  import { I as Input } from './Input-d8519224.js';
15
15
  import { C as Container } from './Container-4383c6f0.js';
@@ -84,13 +84,14 @@ var MultiList = {
84
84
  },
85
85
  beforeMount: function beforeMount() {
86
86
  this.updateQueryHandlerOptions(this.$props);
87
+ var value = this.selectedValue || this.$props.value || this.$props.defaultValue;
88
+ this.setValue(value, !this.selectedValue);
89
+ },
90
+ mounted: function mounted() {
91
+ var currentValue = Object.keys(this.$data.currentValue);
87
92
 
88
- if (this.selectedValue) {
89
- this.setValue(this.selectedValue);
90
- } else if (this.$props.value) {
91
- this.setValue(this.$props.value, true);
92
- } else if (this.$props.defaultValue) {
93
- this.setValue(this.$props.defaultValue, true);
93
+ if (this.$props.value !== undefined && !isEqual(this.$props.value, currentValue)) {
94
+ this.$emit('change', currentValue);
94
95
  }
95
96
  },
96
97
  watch: {
@@ -135,7 +136,11 @@ var MultiList = {
135
136
  }
136
137
 
137
138
  if (!isEqual(selectedValue, newVal)) {
138
- this.setValue(newVal || [], true);
139
+ if (this.value === undefined) {
140
+ this.setValue(newVal, true);
141
+ } else {
142
+ this.$emit('change', newVal);
143
+ }
139
144
  }
140
145
  },
141
146
  defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -349,7 +354,7 @@ var MultiList = {
349
354
  updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
350
355
  }
351
356
 
352
- this.setQueryOptions(this.internalComponent, defaultQueryOptions);
357
+ this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
353
358
  this.updateQuery({
354
359
  componentId: this.internalComponent,
355
360
  query: query,
@@ -370,7 +375,7 @@ var MultiList = {
370
375
  updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
371
376
  }
372
377
 
373
- this.setQueryOptions(props.componentId, customQueryOptions);
378
+ this.setQueryOptions(props.componentId, customQueryOptions, false);
374
379
  this.updateQuery({
375
380
  componentId: props.componentId,
376
381
  query: query,
@@ -434,7 +439,7 @@ var MultiList = {
434
439
  if (value === undefined) {
435
440
  this.setValue(currentValue);
436
441
  } else {
437
- var values = parseValueArray(value, currentValue);
442
+ var values = parseValueArray(value || [], currentValue);
438
443
  this.$emit('change', values);
439
444
  }
440
445
  },
@@ -5,11 +5,11 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-98819a12.js';
8
+ import { t as types } from './vueTypes-9326e0be.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
11
+ import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
13
13
  import { T as Title } from './Title-579f8d6c.js';
14
14
  import { C as Container } from './Container-4383c6f0.js';
15
15
  import { U as UL, C as Checkbox } from './FormControlList-fe389a2e.js';
@@ -141,7 +141,7 @@ var MultiRange = {
141
141
  updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
142
142
  }
143
143
 
144
- this.setQueryOptions(props.componentId, customQueryOptions);
144
+ this.setQueryOptions(props.componentId, customQueryOptions, false);
145
145
  this.updateQuery({
146
146
  componentId: props.componentId,
147
147
  query: query,
@@ -1,7 +1,7 @@
1
1
  import { helper } from '@appbaseio/reactivecore';
2
2
  import VueTypes from 'vue-types';
3
3
  import { p as pagination, B as Button } from './Button-799185e2.js';
4
- import { t as types } from './vueTypes-98819a12.js';
4
+ import { t as types } from './vueTypes-9326e0be.js';
5
5
 
6
6
  var getClassName = helper.getClassName,
7
7
  handleA11yAction = helper.handleA11yAction;
@@ -5,17 +5,17 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import { css } from 'emotion';
6
6
  import styled from '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { t as types } from './vueTypes-98819a12.js';
8
+ import { t as types } from './vueTypes-9326e0be.js';
9
9
  import '@appbaseio/reactivecore/lib/utils/transform';
10
10
  import 'redux';
11
- import { c as connect } from './index-4755c9a0.js';
12
- import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
11
+ import { c as connect } from './index-5daa8276.js';
12
+ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
13
13
  import './Title-579f8d6c.js';
14
14
  import { F as Flex } from './Flex-aac91505.js';
15
15
  import { I as Input } from './Input-d8519224.js';
16
16
  import { C as Container } from './Container-4383c6f0.js';
17
17
  import 'vue-no-ssr';
18
- import './ssr-a3306f57.js';
18
+ import './ssr-e3196de1.js';
19
19
  import { RangeConnected as RangeConnected$1 } from './RangeSlider.js';
20
20
 
21
21
  var _templateObject, _templateObject2;
@@ -138,7 +138,7 @@ var RangeInput = {
138
138
  }
139
139
  },
140
140
  handleOnChange: function handleOnChange(value) {
141
- this.handleChange(value, 'change');
141
+ this.handleChange(value || this.$props.range, 'change');
142
142
  },
143
143
  handleValueChange: function handleValueChange(value) {
144
144
  this.handleChange(value, 'value-change');
@@ -193,6 +193,10 @@ var RangeInput = {
193
193
  if (this.$props.defaultValue && this.$props.defaultValue.start && this.$props.defaultValue.end) {
194
194
  this.handleChange(this.$props.defaultValue);
195
195
  }
196
+
197
+ if (this.isControlled()) {
198
+ this.handleChange(this.$props.value, 'change');
199
+ }
196
200
  },
197
201
  render: function render() {
198
202
  var h = arguments[0];
@@ -3,15 +3,15 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
3
3
  import VueTypes from 'vue-types';
4
4
  import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import '@appbaseio/vue-emotion';
6
- import { t as types } from './vueTypes-98819a12.js';
6
+ import { t as types } from './vueTypes-9326e0be.js';
7
7
  import '@appbaseio/reactivecore/lib/utils/transform';
8
8
  import 'redux';
9
- import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
10
- import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
9
+ import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
10
+ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
11
11
  import { T as Title } from './Title-579f8d6c.js';
12
12
  import { C as Container } from './Container-4383c6f0.js';
13
13
  import NoSSR from 'vue-no-ssr';
14
- import { g as getComponents, S as Slider } from './ssr-a3306f57.js';
14
+ import { g as getComponents, S as Slider } from './ssr-e3196de1.js';
15
15
 
16
16
  var updateQuery = Actions.updateQuery,
17
17
  setQueryOptions = Actions.setQueryOptions,
@@ -73,32 +73,28 @@ var RangeSlider = {
73
73
  });
74
74
  }
75
75
  },
76
- handleSlider: function handleSlider(values) {
77
- var _this = this;
78
-
79
- clearTimeout(this.handleSliderChange._tId);
80
- this.handleSliderChange._tId = setTimeout(function () {
81
- _this.handleSliderChange(values);
82
- }, 100);
76
+ handleSlider: function handleSlider() {
77
+ var sliderValues = this.$refs.slider.getValue();
78
+ this.handleSliderChange(sliderValues);
83
79
  },
84
80
  handleChange: function handleChange(currentValue, props) {
85
- var _this2 = this;
81
+ var _this = this;
86
82
 
87
83
  if (props === void 0) {
88
84
  props = this.$props;
89
85
  }
90
86
 
91
87
  var performUpdate = function performUpdate() {
92
- _this2.currentValue = currentValue;
88
+ _this.currentValue = currentValue;
93
89
 
94
- _this2.updateQueryHandler([currentValue[0], currentValue[1]], props);
90
+ _this.updateQueryHandler([currentValue[0], currentValue[1]], props);
95
91
 
96
- _this2.$emit('valueChange', {
92
+ _this.$emit('valueChange', {
97
93
  start: currentValue[0],
98
94
  end: currentValue[1]
99
95
  });
100
96
 
101
- _this2.$emit('value-change', {
97
+ _this.$emit('value-change', {
102
98
  start: currentValue[0],
103
99
  end: currentValue[1]
104
100
  });
@@ -130,7 +126,7 @@ var RangeSlider = {
130
126
  currentEnd = value[1]; // check if the slider is at its initial position
131
127
 
132
128
  var isInitialValue = currentStart === start && currentEnd === end;
133
- this.setQueryOptions(props.componentId, customQueryOptions);
129
+ this.setQueryOptions(props.componentId, customQueryOptions, false);
134
130
  this.updateQuery({
135
131
  componentId: props.componentId,
136
132
  query: query,
@@ -209,12 +205,13 @@ var RangeSlider = {
209
205
  "max": this.$props.range.end,
210
206
  "dotSize": 20,
211
207
  "height": 4,
212
- "enable-cross": false
208
+ "enable-cross": false,
209
+ "tooltip": "always"
210
+ },
211
+ "on": {
212
+ "drag-end": this.handleSlider
213
213
  },
214
- "props": _extends({}, this.$props.sliderOptions),
215
- "on": _extends({}, {
216
- input: this.handleSlider
217
- })
214
+ "props": _extends({}, this.$props.sliderOptions)
218
215
  }), this.$props.rangeLabels && h("div", {
219
216
  "class": "label-container"
220
217
  }, [h("label", {
@@ -4,9 +4,9 @@ import VueTypes from 'vue-types';
4
4
  import '@appbaseio/reactivecore/lib/utils/constants';
5
5
  import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
6
6
  import styled from '@appbaseio/vue-emotion';
7
- import { t as types } from './vueTypes-98819a12.js';
7
+ import { t as types } from './vueTypes-9326e0be.js';
8
8
  import 'redux';
9
- import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-4755c9a0.js';
9
+ import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-5daa8276.js';
10
10
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
11
11
  import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
12
12
  import Appbase from 'appbase-js';
@@ -2,11 +2,11 @@ import { Actions, helper } from '@appbaseio/reactivecore';
2
2
  import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
3
3
  import VueTypes from 'vue-types';
4
4
  import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
5
- import { t as types } from './vueTypes-98819a12.js';
5
+ import { t as types } from './vueTypes-9326e0be.js';
6
6
  import '@appbaseio/reactivecore/lib/utils/transform';
7
7
  import 'redux';
8
- import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
9
- import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
8
+ import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
9
+ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
10
10
 
11
11
  var _excluded = ["options"],
12
12
  _excluded2 = ["query"],
@@ -6,12 +6,12 @@ import 'emotion';
6
6
  import styled, { css } from '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
8
  import './Button-799185e2.js';
9
- import { t as types } from './vueTypes-98819a12.js';
10
- import { P as Pagination } from './Pagination-e8216949.js';
9
+ import { t as types } from './vueTypes-9326e0be.js';
10
+ import { P as Pagination } from './Pagination-b3e4054a.js';
11
11
  import '@appbaseio/reactivecore/lib/utils/transform';
12
12
  import 'redux';
13
- import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-4755c9a0.js';
14
- import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
13
+ import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-5daa8276.js';
14
+ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
15
15
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
16
16
  import { C as Checkbox } from './FormControlList-fe389a2e.js';
17
17
  import * as GmapMapFull from 'gmap-vue';
@@ -7,12 +7,12 @@ import { css } from 'emotion';
7
7
  import styled from '@appbaseio/vue-emotion';
8
8
  import 'polished';
9
9
  import './Button-799185e2.js';
10
- import { t as types } from './vueTypes-98819a12.js';
11
- import { P as Pagination } from './Pagination-e8216949.js';
10
+ import { t as types } from './vueTypes-9326e0be.js';
11
+ import { P as Pagination } from './Pagination-b3e4054a.js';
12
12
  import '@appbaseio/reactivecore/lib/utils/transform';
13
13
  import 'redux';
14
- import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-4755c9a0.js';
15
- import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
14
+ import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-5daa8276.js';
15
+ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
16
16
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
17
17
  import './Title-579f8d6c.js';
18
18
  import { c as container } from './ListItem-bdb6d53d.js';
@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
3
3
  import 'emotion';
4
4
  import '@appbaseio/vue-emotion';
5
5
  import 'polished';
6
- import { t as types } from './vueTypes-98819a12.js';
6
+ import { t as types } from './vueTypes-9326e0be.js';
7
7
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
8
8
  import { T as Title } from './Title-579f8d6c.js';
9
9
  import { I as Image, C as Card } from './Card-04b3c33e.js';
@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
3
3
  import 'emotion';
4
4
  import '@appbaseio/vue-emotion';
5
5
  import 'polished';
6
- import { t as types } from './vueTypes-98819a12.js';
6
+ import { t as types } from './vueTypes-9326e0be.js';
7
7
  import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
8
8
  import { T as Title } from './Title-579f8d6c.js';
9
9
  import { I as Image, L as ListItem } from './ListItem-bdb6d53d.js';
@@ -6,9 +6,9 @@ import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
8
  import { f as filters, B as Button } from './Button-799185e2.js';
9
- import { t as types } from './vueTypes-98819a12.js';
9
+ import { t as types } from './vueTypes-9326e0be.js';
10
10
  import 'redux';
11
- import { c as connect } from './index-4755c9a0.js';
11
+ import { c as connect } from './index-5daa8276.js';
12
12
  import { T as Title } from './Title-579f8d6c.js';
13
13
  import { C as Container } from './Container-4383c6f0.js';
14
14
 
@@ -25,7 +25,8 @@ var SelectedFilters = {
25
25
  innerClass: types.style,
26
26
  showClearAll: VueTypes.bool.def(true),
27
27
  title: types.title,
28
- resetToDefault: VueTypes.bool.def(false)
28
+ resetToDefault: VueTypes.bool.def(false),
29
+ resetToValues: VueTypes.object
29
30
  },
30
31
  inject: {
31
32
  theme: {
@@ -78,15 +79,16 @@ var SelectedFilters = {
78
79
  this.$emit('clear', component, value);
79
80
  },
80
81
  clearValues: function clearValues() {
81
- var resetToDefault = this.resetToDefault;
82
+ var resetToDefault = this.resetToDefault,
83
+ resetToValues = this.resetToValues;
82
84
 
83
85
  if (resetToDefault) {
84
86
  this.resetValuesToDefault();
85
87
  } else {
86
- this.clearValuesAction();
88
+ this.clearValuesAction(resetToValues);
87
89
  }
88
90
 
89
- this.$emit('clear', null);
91
+ this.$emit('clear', resetToValues);
90
92
  },
91
93
  renderValue: function renderValue(value, isArray) {
92
94
  var _this2 = this;