@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.
- package/dist/@appbaseio/reactivesearch-vue.umd.js +378 -233
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +5 -5
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/{DownShift-d41f2442.js → CancelSvg-82021d23.js} +58 -14
- package/dist/cjs/{ComponentWrapper-ab813390.js → ComponentWrapper-7302fe1a.js} +1 -1
- package/dist/cjs/DataSearch.js +25 -76
- package/dist/cjs/{DropDown-3c343026.js → DropDown-c46d8b0c.js} +61 -21
- package/dist/cjs/DynamicRangeSlider.js +45 -9
- package/dist/cjs/MultiDropdownList.js +17 -10
- package/dist/cjs/MultiList.js +18 -13
- package/dist/cjs/MultiRange.js +4 -4
- package/dist/cjs/{Pagination-0b9ec0fc.js → Pagination-1b2320a7.js} +1 -1
- package/dist/cjs/RangeInput.js +9 -5
- package/dist/cjs/RangeSlider.js +19 -22
- package/dist/cjs/ReactiveBase.js +2 -2
- package/dist/cjs/ReactiveComponent.js +3 -3
- package/dist/cjs/ReactiveGoogleMap.js +4 -4
- package/dist/cjs/ReactiveList.js +4 -4
- package/dist/cjs/ResultCard.js +1 -1
- package/dist/cjs/ResultList.js +1 -1
- package/dist/cjs/SelectedFilters.js +8 -6
- package/dist/cjs/SingleDropdownList.js +13 -8
- package/dist/cjs/SingleList.js +5 -5
- package/dist/cjs/SingleRange.js +4 -4
- package/dist/cjs/StateProvider.js +7 -3
- package/dist/cjs/ToggleButton.js +4 -4
- package/dist/cjs/{index-2a8358cd.js → index-d44a0a21.js} +10 -4
- package/dist/cjs/index.js +7 -7
- package/dist/cjs/install.js +7 -7
- package/dist/cjs/ssr-c333c82c.js +39 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-829a5f2c.js → vueTypes-6de9d2a9.js} +3 -3
- package/dist/es/{DownShift-e7ccf2a7.js → CancelSvg-4d9e0857.js} +55 -16
- package/dist/es/{ComponentWrapper-459505fd.js → ComponentWrapper-bbb717bc.js} +1 -1
- package/dist/es/DataSearch.js +15 -66
- package/dist/es/{DropDown-c5ab660f.js → DropDown-4edaa621.js} +60 -20
- package/dist/es/DynamicRangeSlider.js +45 -9
- package/dist/es/MultiDropdownList.js +17 -10
- package/dist/es/MultiList.js +18 -13
- package/dist/es/MultiRange.js +4 -4
- package/dist/es/{Pagination-e8216949.js → Pagination-b3e4054a.js} +1 -1
- package/dist/es/RangeInput.js +9 -5
- package/dist/es/RangeSlider.js +19 -22
- package/dist/es/ReactiveBase.js +2 -2
- package/dist/es/ReactiveComponent.js +3 -3
- package/dist/es/ReactiveGoogleMap.js +4 -4
- package/dist/es/ReactiveList.js +4 -4
- package/dist/es/ResultCard.js +1 -1
- package/dist/es/ResultList.js +1 -1
- package/dist/es/SelectedFilters.js +8 -6
- package/dist/es/SingleDropdownList.js +13 -8
- package/dist/es/SingleList.js +5 -5
- package/dist/es/SingleRange.js +4 -4
- package/dist/es/StateProvider.js +7 -3
- package/dist/es/ToggleButton.js +4 -4
- package/dist/es/{index-4755c9a0.js → index-5daa8276.js} +10 -4
- package/dist/es/index.js +7 -7
- package/dist/es/install.js +7 -7
- package/dist/es/ssr-e3196de1.js +33 -0
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-98819a12.js → vueTypes-9326e0be.js} +3 -3
- package/package.json +4 -4
- package/dist/cjs/ssr-f312af20.js +0 -39
- 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-
|
|
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-
|
|
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-
|
|
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(
|
|
180
|
-
this.
|
|
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
|
-
|
|
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-
|
|
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-
|
|
13
|
-
import { C as ComponentWrapper } from './ComponentWrapper-
|
|
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-
|
|
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
|
-
}
|
|
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,
|
package/dist/es/MultiList.js
CHANGED
|
@@ -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-
|
|
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-
|
|
12
|
-
import { C as ComponentWrapper } from './ComponentWrapper-
|
|
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.
|
|
89
|
-
this
|
|
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.
|
|
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
|
},
|
package/dist/es/MultiRange.js
CHANGED
|
@@ -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-
|
|
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-
|
|
12
|
-
import { C as ComponentWrapper } from './ComponentWrapper-
|
|
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-
|
|
4
|
+
import { t as types } from './vueTypes-9326e0be.js';
|
|
5
5
|
|
|
6
6
|
var getClassName = helper.getClassName,
|
|
7
7
|
handleA11yAction = helper.handleA11yAction;
|
package/dist/es/RangeInput.js
CHANGED
|
@@ -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-
|
|
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-
|
|
12
|
-
import { C as ComponentWrapper } from './ComponentWrapper-
|
|
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-
|
|
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];
|
package/dist/es/RangeSlider.js
CHANGED
|
@@ -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-
|
|
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-
|
|
10
|
-
import { C as ComponentWrapper } from './ComponentWrapper-
|
|
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-
|
|
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(
|
|
77
|
-
var
|
|
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
|
|
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
|
-
|
|
88
|
+
_this.currentValue = currentValue;
|
|
93
89
|
|
|
94
|
-
|
|
90
|
+
_this.updateQueryHandler([currentValue[0], currentValue[1]], props);
|
|
95
91
|
|
|
96
|
-
|
|
92
|
+
_this.$emit('valueChange', {
|
|
97
93
|
start: currentValue[0],
|
|
98
94
|
end: currentValue[1]
|
|
99
95
|
});
|
|
100
96
|
|
|
101
|
-
|
|
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", {
|
package/dist/es/ReactiveBase.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
9
|
-
import { C as ComponentWrapper } from './ComponentWrapper-
|
|
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-
|
|
10
|
-
import { P as Pagination } from './Pagination-
|
|
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-
|
|
14
|
-
import { C as ComponentWrapper } from './ComponentWrapper-
|
|
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';
|
package/dist/es/ReactiveList.js
CHANGED
|
@@ -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-
|
|
11
|
-
import { P as Pagination } from './Pagination-
|
|
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-
|
|
15
|
-
import { C as ComponentWrapper } from './ComponentWrapper-
|
|
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';
|
package/dist/es/ResultCard.js
CHANGED
|
@@ -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-
|
|
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';
|
package/dist/es/ResultList.js
CHANGED
|
@@ -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-
|
|
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-
|
|
9
|
+
import { t as types } from './vueTypes-9326e0be.js';
|
|
10
10
|
import 'redux';
|
|
11
|
-
import { c as connect } from './index-
|
|
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',
|
|
91
|
+
this.$emit('clear', resetToValues);
|
|
90
92
|
},
|
|
91
93
|
renderValue: function renderValue(value, isArray) {
|
|
92
94
|
var _this2 = this;
|