@appbaseio/reactivesearch-vue 1.33.5 → 1.34.0-alpha.2
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 +6840 -9315
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +7 -13
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/Button-626c5e8e.js +58 -0
- package/dist/cjs/{CancelSvg-220a7cc3.js → CancelSvg-062a42f0.js} +32 -40
- package/dist/cjs/Card-c381ded3.js +26 -0
- package/dist/cjs/{ComponentWrapper-b6d4660c.js → ComponentWrapper-db45cc6d.js} +5 -5
- package/dist/cjs/Container-29f049b2.js +12 -0
- package/dist/cjs/{DataSearch-1c5c2202.js → DataSearch-7c71ec9f.js} +712 -850
- package/dist/cjs/DataSearch.js +12 -11
- package/dist/cjs/{DropDown-8984b544.js → DropDown-3b899b20.js} +78 -79
- package/dist/cjs/DynamicRangeSlider.js +51 -37
- package/dist/cjs/Flex-d5675ea6.js +48 -0
- package/dist/cjs/FormControlList-cf1ff2ca.js +42 -0
- package/dist/cjs/Input-4d278ca0.js +74 -0
- package/dist/cjs/ListItem-c067bc07.js +41 -0
- package/dist/cjs/MultiDropdownList.js +71 -62
- package/dist/cjs/MultiList.js +85 -88
- package/dist/cjs/MultiRange.js +54 -41
- package/dist/cjs/{Pagination-07f4dbad.js → Pagination-a468f960.js} +56 -53
- package/dist/cjs/{PreferencesConsumer-5d67b486.js → PreferencesConsumer-034c55e3.js} +6 -5
- package/dist/cjs/RangeInput.js +115 -107
- package/dist/cjs/RangeSlider.js +50 -36
- package/dist/cjs/ReactiveBase.js +66 -48
- package/dist/cjs/{ReactiveComponent-4e75c939.js → ReactiveComponent-f0f486ca.js} +325 -311
- package/dist/cjs/ReactiveComponent.js +21 -20
- package/dist/cjs/ReactiveGoogleMap.js +283 -307
- package/dist/cjs/ReactiveList.js +99 -116
- package/dist/cjs/ResultCard.js +26 -19
- package/dist/cjs/ResultList.js +31 -27
- package/dist/cjs/SelectedFilters.js +49 -34
- package/dist/cjs/SingleDropdownList.js +70 -61
- package/dist/cjs/SingleList.js +86 -90
- package/dist/cjs/SingleRange.js +48 -39
- package/dist/cjs/StateProvider.js +2 -2
- package/dist/cjs/Title-8802a218.js +12 -0
- package/dist/cjs/ToggleButton.js +39 -32
- package/dist/cjs/{index-30126fd0.js → index-dc25b706.js} +6 -6
- package/dist/cjs/index.js +22 -21
- package/dist/cjs/install.js +21 -20
- package/dist/cjs/ssr-eb901d09.js +35 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-7cfc2f98.js → vueTypes-621a8143.js} +1 -1
- package/dist/es/Button-ebafa3d6.js +52 -0
- package/dist/es/{CancelSvg-e40552a5.js → CancelSvg-14ebc9a1.js} +30 -37
- package/dist/es/{Card-19ad6d90.js → Card-1951569e.js} +5 -6
- package/dist/es/{ComponentWrapper-8042aa35.js → ComponentWrapper-bf443c0b.js} +4 -4
- package/dist/es/Container-d00219f7.js +1 -1
- package/dist/es/{DataSearch-5bb904c5.js → DataSearch-4f9a4e46.js} +705 -842
- package/dist/es/DataSearch.js +10 -9
- package/dist/es/{DropDown-28ddce07.js → DropDown-35e232b7.js} +78 -78
- package/dist/es/DynamicRangeSlider.js +48 -34
- package/dist/es/Flex-a08e22d7.js +46 -0
- package/dist/es/FormControlList-fa5cf78b.js +38 -0
- package/dist/es/Input-3b8408a6.js +69 -0
- package/dist/es/{ListItem-07888a65.js → ListItem-47a6345a.js} +6 -7
- package/dist/es/MultiDropdownList.js +69 -60
- package/dist/es/MultiList.js +84 -87
- package/dist/es/MultiRange.js +52 -39
- package/dist/es/{Pagination-28e56c5c.js → Pagination-145b4ff2.js} +56 -53
- package/dist/es/{PreferencesConsumer-bc097ebb.js → PreferencesConsumer-7ea7313a.js} +5 -4
- package/dist/es/RangeInput.js +112 -103
- package/dist/es/RangeSlider.js +47 -33
- package/dist/es/ReactiveBase.js +65 -46
- package/dist/es/{ReactiveComponent-09c183c8.js → ReactiveComponent-e2fb9eb4.js} +321 -306
- package/dist/es/ReactiveComponent.js +18 -17
- package/dist/es/ReactiveGoogleMap.js +279 -302
- package/dist/es/ReactiveList.js +97 -113
- package/dist/es/ResultCard.js +25 -18
- package/dist/es/ResultList.js +30 -26
- package/dist/es/SelectedFilters.js +47 -32
- package/dist/es/SingleDropdownList.js +68 -59
- package/dist/es/SingleList.js +84 -88
- package/dist/es/SingleRange.js +46 -37
- package/dist/es/StateProvider.js +2 -2
- package/dist/es/Title-863dfa42.js +1 -1
- package/dist/es/ToggleButton.js +37 -30
- package/dist/es/{index-0444a498.js → index-285a43a6.js} +6 -6
- package/dist/es/index.js +19 -18
- package/dist/es/install.js +18 -17
- package/dist/es/ssr-03607d84.js +1 -1
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-8986b709.js → vueTypes-e4af6fe2.js} +1 -1
- package/package.json +8 -8
- package/dist/cjs/Button-841fd06d.js +0 -62
- package/dist/cjs/Card-240f283d.js +0 -30
- package/dist/cjs/Container-e699ea95.js +0 -15
- package/dist/cjs/Flex-ddd7cb6b.js +0 -50
- package/dist/cjs/FormControlList-bbb5cd24.js +0 -45
- package/dist/cjs/Input-ead4cd84.js +0 -77
- package/dist/cjs/ListItem-5088bd6a.js +0 -45
- package/dist/cjs/Title-16042ea0.js +0 -15
- package/dist/cjs/ssr-f2fc1bf6.js +0 -36
- package/dist/es/Button-153cd885.js +0 -53
- package/dist/es/Flex-7c177a10.js +0 -45
- package/dist/es/FormControlList-99797d0a.js +0 -38
- package/dist/es/Input-c09c0b56.js +0 -69
package/dist/cjs/ReactiveList.js
CHANGED
|
@@ -8,44 +8,36 @@ var configureStore = require('@appbaseio/reactivecore');
|
|
|
8
8
|
var configureStore__default = _interopDefault(configureStore);
|
|
9
9
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
10
10
|
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
11
|
+
var vue = require('vue');
|
|
11
12
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
12
13
|
var helper = require('@appbaseio/reactivecore/lib/utils/helper');
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
var styled__default = _interopDefault(styled);
|
|
14
|
+
var vueEmotion = require('@appbaseio/vue-emotion');
|
|
15
|
+
require('emotion');
|
|
16
16
|
require('polished');
|
|
17
|
-
require('./Button-
|
|
18
|
-
var vueTypes = require('./vueTypes-
|
|
19
|
-
var Pagination = require('./Pagination-
|
|
17
|
+
require('./Button-626c5e8e.js');
|
|
18
|
+
var vueTypes = require('./vueTypes-621a8143.js');
|
|
19
|
+
var Pagination = require('./Pagination-a468f960.js');
|
|
20
20
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
21
21
|
require('redux');
|
|
22
|
-
var index = require('./index-
|
|
23
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
24
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
25
|
-
|
|
26
|
-
require('./
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var Flex = require('./Flex-ddd7cb6b.js');
|
|
22
|
+
var index = require('./index-dc25b706.js');
|
|
23
|
+
var ComponentWrapper = require('./ComponentWrapper-db45cc6d.js');
|
|
24
|
+
var PreferencesConsumer = require('./PreferencesConsumer-034c55e3.js');
|
|
25
|
+
require('./Title-8802a218.js');
|
|
26
|
+
var ListItem = require('./ListItem-c067bc07.js');
|
|
27
|
+
var Card = require('./Card-c381ded3.js');
|
|
28
|
+
var Flex = require('./Flex-d5675ea6.js');
|
|
30
29
|
|
|
31
30
|
var _templateObject;
|
|
32
|
-
var PoweredByImage =
|
|
31
|
+
var PoweredByImage = vueEmotion.styled('img')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));
|
|
33
32
|
|
|
34
|
-
var PoweredBy = {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
}, [h(PoweredByImage, {
|
|
44
|
-
"attrs": {
|
|
45
|
-
"src": "https://cdn.jsdelivr.net/gh/appbaseio/cdn@d2ec210045e59104ee5485841fa17b23fc83f097/appbase/logos/rbc-logo.svg"
|
|
46
|
-
}
|
|
47
|
-
})]);
|
|
48
|
-
}
|
|
33
|
+
var PoweredBy = function PoweredBy() {
|
|
34
|
+
return vue.createVNode("a", {
|
|
35
|
+
"href": "https://appbase.io/",
|
|
36
|
+
"target": "_blank",
|
|
37
|
+
"rel": "noopener noreferrer"
|
|
38
|
+
}, [vue.createVNode(PoweredByImage, {
|
|
39
|
+
"src": "https://cdn.jsdelivr.net/gh/appbaseio/cdn@d2ec210045e59104ee5485841fa17b23fc83f097/appbase/logos/rbc-logo.svg"
|
|
40
|
+
}, null)]);
|
|
49
41
|
};
|
|
50
42
|
|
|
51
43
|
var ResultListWrapper = {
|
|
@@ -54,12 +46,9 @@ var ResultListWrapper = {
|
|
|
54
46
|
render: function render(_, _ref) {
|
|
55
47
|
var props = _ref.props,
|
|
56
48
|
children = _ref.children;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
"className": ListItem.container
|
|
61
|
-
}
|
|
62
|
-
}, props]), [children]);
|
|
49
|
+
return vue.createVNode("div", vue.mergeProps({
|
|
50
|
+
"className": ListItem.container
|
|
51
|
+
}, props), [children]);
|
|
63
52
|
}
|
|
64
53
|
};
|
|
65
54
|
ResultListWrapper.install = function (Vue) {
|
|
@@ -72,21 +61,17 @@ var ResultCardsWrapper = {
|
|
|
72
61
|
render: function render(_, _ref) {
|
|
73
62
|
var props = _ref.props,
|
|
74
63
|
children = _ref.children;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"className": Card.container
|
|
79
|
-
}
|
|
80
|
-
}, props]), [children]);
|
|
64
|
+
return vue.createVNode("div", vue.mergeProps({
|
|
65
|
+
"className": Card.container
|
|
66
|
+
}, props), [children]);
|
|
81
67
|
}
|
|
82
68
|
};
|
|
83
69
|
ResultCardsWrapper.install = function (Vue) {
|
|
84
70
|
Vue.component(ResultCardsWrapper.name, ResultCardsWrapper);
|
|
85
71
|
};
|
|
86
72
|
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var sortOptions = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: #424242;\n\theight: 32px;\n\tfont-size: 0.82rem;\n\tpadding: 0 25px 0 10px;\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)\n\t\tno-repeat 95% 50%;\n\tbackground-color: #fff;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-border-radius: 0;\n\tborder-radius: 0;\n\tborder: 0;\n\toutline: 1px solid #ddd;\n\toutline-offset: -1px;\n"])));
|
|
73
|
+
var resultStats = "\n\tflex-grow: 1;\n\tfont-size: 0.82rem;\n";
|
|
74
|
+
var sortOptions = "\n\tcolor: #424242;\n\theight: 32px;\n\tfont-size: 0.82rem;\n\tpadding: 0 25px 0 10px;\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)\n\t\tno-repeat 95% 50%;\n\tbackground-color: #fff;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-border-radius: 0;\n\tborder-radius: 0;\n\tborder: 0;\n\toutline: 1px solid #ddd;\n\toutline-offset: -1px;\n";
|
|
90
75
|
|
|
91
76
|
var recordImpressions = configureStore.Actions.recordImpressions;
|
|
92
77
|
var isEqual = configureStore.helper.isEqual;
|
|
@@ -245,6 +230,9 @@ var ImpressionTracker$1 = index.connect(function () {
|
|
|
245
230
|
return null;
|
|
246
231
|
}, mapDispatchToProps)(ImpressionTracker);
|
|
247
232
|
|
|
233
|
+
function _isSlot(s) {
|
|
234
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
|
|
235
|
+
}
|
|
248
236
|
var setQueryOptions = configureStore.Actions.setQueryOptions,
|
|
249
237
|
updateQuery = configureStore.Actions.updateQuery,
|
|
250
238
|
loadMore = configureStore.Actions.loadMore,
|
|
@@ -262,6 +250,11 @@ var isEqual$1 = configureStore.helper.isEqual,
|
|
|
262
250
|
getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
|
|
263
251
|
var ReactiveList = {
|
|
264
252
|
name: 'ReactiveList',
|
|
253
|
+
inject: {
|
|
254
|
+
$emotionCache: {
|
|
255
|
+
"default": undefined
|
|
256
|
+
}
|
|
257
|
+
},
|
|
265
258
|
components: {
|
|
266
259
|
ResultListWrapper: ResultListWrapper,
|
|
267
260
|
ResultCardsWrapper: ResultCardsWrapper
|
|
@@ -370,10 +363,10 @@ var ReactiveList = {
|
|
|
370
363
|
return Math.ceil(this.total / this.$props.size) || 0;
|
|
371
364
|
},
|
|
372
365
|
hasPageChangeListener: function hasPageChangeListener() {
|
|
373
|
-
return this.$
|
|
366
|
+
return this.$attrs && this.$attrs.pageChange;
|
|
374
367
|
},
|
|
375
368
|
hasResultStatsListener: function hasResultStatsListener() {
|
|
376
|
-
return this.$
|
|
369
|
+
return this.$attrs && this.$attrs.resultStats;
|
|
377
370
|
},
|
|
378
371
|
stats: function stats() {
|
|
379
372
|
return _rollupPluginBabelHelpers._extends({}, getResultStats(this), {
|
|
@@ -575,87 +568,88 @@ var ReactiveList = {
|
|
|
575
568
|
window.addEventListener('scroll', this.scrollHandler);
|
|
576
569
|
}
|
|
577
570
|
},
|
|
578
|
-
|
|
571
|
+
beforeUnmount: function beforeUnmount() {
|
|
579
572
|
if (this.showInfiniteScroll) {
|
|
580
573
|
window.removeEventListener('scroll', this.scrollHandler);
|
|
581
574
|
}
|
|
582
575
|
},
|
|
583
576
|
render: function render() {
|
|
584
|
-
var
|
|
577
|
+
var _this2 = this;
|
|
585
578
|
var hits = this.$data.hits;
|
|
586
579
|
var results = parseHits(hits) || [];
|
|
587
|
-
return
|
|
580
|
+
return vue.createVNode("div", {
|
|
588
581
|
"style": this.$props.style,
|
|
589
582
|
"class": this.$props.className
|
|
590
|
-
}, [this.isLoading && this.shouldRenderPagination && this.showInfiniteScroll && (this.$
|
|
591
|
-
"
|
|
592
|
-
"labelPosition": this.sortOptions ? 'right' : 'left'
|
|
593
|
-
},
|
|
583
|
+
}, [this.isLoading && this.shouldRenderPagination && this.showInfiniteScroll && (this.$slots.loader || this.$props.loader), this.renderErrorComponent(), vue.createVNode(Flex.Flex, {
|
|
584
|
+
"labelPosition": this.sortOptions ? 'right' : 'left',
|
|
594
585
|
"class": getClassName(this.$props.innerClass, 'resultsInfo')
|
|
595
|
-
},
|
|
596
|
-
"
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
586
|
+
}, {
|
|
587
|
+
"default": function _default() {
|
|
588
|
+
return [_this2.sortOptions ? _this2.renderSortOptions() : null, _this2.$props.showResultStats && results.length ? _this2.renderStats() : null];
|
|
589
|
+
}
|
|
590
|
+
}), !this.isLoading && hits && hits.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? vue.createVNode(Pagination.Pagination, {
|
|
591
|
+
"pages": this.$props.pages,
|
|
592
|
+
"totalPages": this.totalPages,
|
|
593
|
+
"currentPage": this.currentPageState,
|
|
594
|
+
"setPage": this.setPage,
|
|
595
|
+
"innerClass": this.$props.innerClass,
|
|
596
|
+
"prevLabel": this.$props.prevLabel,
|
|
597
|
+
"nextLabel": this.$props.nextLabel
|
|
598
|
+
}, null) : null, this.renderResults(), this.isLoading && !this.shouldRenderPagination ? this.$slots.loader || this.$props.loader || vue.createVNode("div", {
|
|
606
599
|
"style": {
|
|
607
600
|
textAlign: 'center',
|
|
608
601
|
margin: '20px 0',
|
|
609
602
|
color: '#666'
|
|
610
603
|
}
|
|
611
|
-
}, ["Loading..."]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ?
|
|
612
|
-
"
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
}) : null, this.url.endsWith('appbase.io') && results.length ? h(Flex.Flex, {
|
|
623
|
-
"attrs": {
|
|
624
|
-
"direction": "row-reverse"
|
|
625
|
-
},
|
|
604
|
+
}, [vue.createTextVNode("Loading...")]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ? vue.createVNode(Pagination.Pagination, {
|
|
605
|
+
"pages": this.$props.pages,
|
|
606
|
+
"totalPages": Math.ceil(this.$data.total / this.$props.size),
|
|
607
|
+
"currentPage": this.currentPageState,
|
|
608
|
+
"setPage": this.setPage,
|
|
609
|
+
"showEndPage": this.$props.showEndPage,
|
|
610
|
+
"innerClass": this.$props.innerClass,
|
|
611
|
+
"prevLabel": this.$props.prevLabel,
|
|
612
|
+
"nextLabel": this.$props.nextLabel
|
|
613
|
+
}, null) : null, this.url.endsWith('appbase.io') && results.length ? vue.createVNode(Flex.Flex, {
|
|
614
|
+
"direction": "row-reverse",
|
|
626
615
|
"class": getClassName(this.$props.innerClass, 'poweredBy')
|
|
627
|
-
},
|
|
616
|
+
}, {
|
|
617
|
+
"default": function _default() {
|
|
618
|
+
return [vue.createVNode(PoweredBy, null, null)];
|
|
619
|
+
}
|
|
620
|
+
}) : null]);
|
|
628
621
|
},
|
|
629
622
|
methods: {
|
|
630
623
|
renderErrorComponent: function renderErrorComponent() {
|
|
631
|
-
var renderError = this.$
|
|
624
|
+
var renderError = this.$slots.renderError || this.$props.renderError;
|
|
632
625
|
if (renderError && this.error && !this.isLoading) {
|
|
633
626
|
return index.isFunction(renderError) ? renderError(this.error) : renderError;
|
|
634
627
|
}
|
|
635
628
|
return null;
|
|
636
629
|
},
|
|
637
630
|
renderResults: function renderResults() {
|
|
638
|
-
var
|
|
639
|
-
var h = this.$createElement;
|
|
631
|
+
var _this3 = this;
|
|
640
632
|
var size = this.$props.size;
|
|
641
|
-
var renderItem = this.$
|
|
642
|
-
var element = this.hasCustomRender ? this.getComponent() :
|
|
633
|
+
var renderItem = this.$attrs.slots.renderItem || this.$props.renderItem;
|
|
634
|
+
var element = this.hasCustomRender ? this.getComponent() : vue.createVNode("div", {
|
|
643
635
|
"class": this.$props.listClass + " " + getClassName(this.$props.innerClass, 'list')
|
|
644
636
|
}, [this.data.map(function (item, index) {
|
|
645
637
|
return renderItem({
|
|
646
638
|
item: item,
|
|
647
|
-
count:
|
|
639
|
+
count: _this3.currentPageState * size + index + 1,
|
|
648
640
|
triggerClickAnalytics: function triggerClickAnalytics() {
|
|
649
|
-
return
|
|
641
|
+
return _this3.triggerClickAnalytics(_this3.currentPageState * size + index);
|
|
650
642
|
}
|
|
651
643
|
});
|
|
652
644
|
})]);
|
|
653
645
|
// If analytics is set to true then render with impression tracker
|
|
654
|
-
return this.analytics ?
|
|
655
|
-
"
|
|
656
|
-
|
|
646
|
+
return this.analytics ? vue.createVNode(ImpressionTracker$1, {
|
|
647
|
+
"hits": this.data
|
|
648
|
+
}, _isSlot(element) ? element : {
|
|
649
|
+
"default": function _default() {
|
|
650
|
+
return [element];
|
|
657
651
|
}
|
|
658
|
-
}
|
|
652
|
+
}) : element;
|
|
659
653
|
},
|
|
660
654
|
updateQueryOptions: function updateQueryOptions(props) {
|
|
661
655
|
var options = getQueryOptions(props);
|
|
@@ -741,25 +735,23 @@ var ReactiveList = {
|
|
|
741
735
|
}
|
|
742
736
|
},
|
|
743
737
|
renderStats: function renderStats() {
|
|
744
|
-
var
|
|
745
|
-
var renderResultStats = this.$scopedSlots.renderResultStats || this.$props.renderResultStats;
|
|
738
|
+
var renderResultStats = this.$slots.renderResultStats || this.$props.renderResultStats;
|
|
746
739
|
if (renderResultStats && this.$data.total) {
|
|
747
740
|
return renderResultStats(this.stats);
|
|
748
741
|
}
|
|
749
742
|
if (this.stats.numberOfResults) {
|
|
750
|
-
return
|
|
743
|
+
return vue.createVNode("p", {
|
|
751
744
|
"class": resultStats + " " + getClassName(this.$props.innerClass, 'resultStats')
|
|
752
|
-
}, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
|
|
745
|
+
}, [this.stats.numberOfResults, vue.createTextVNode(" results found in "), this.stats.time || 0, vue.createTextVNode("ms")]);
|
|
753
746
|
}
|
|
754
747
|
return null;
|
|
755
748
|
},
|
|
756
749
|
renderNoResult: function renderNoResult() {
|
|
757
|
-
var
|
|
758
|
-
|
|
759
|
-
if (this.$scopedSlots.renderNoResults) {
|
|
750
|
+
var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
|
|
751
|
+
if (this.$slots.renderNoResults) {
|
|
760
752
|
return index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults;
|
|
761
753
|
}
|
|
762
|
-
return
|
|
754
|
+
return vue.createVNode("p", {
|
|
763
755
|
"class": getClassName(this.$props.innerClass, 'noResults') || null
|
|
764
756
|
}, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
|
|
765
757
|
},
|
|
@@ -804,25 +796,16 @@ var ReactiveList = {
|
|
|
804
796
|
this.recordResultClick(searchPosition, docId);
|
|
805
797
|
},
|
|
806
798
|
renderSortOptions: function renderSortOptions() {
|
|
807
|
-
|
|
808
|
-
return h("select", {
|
|
799
|
+
return vue.createVNode("select", {
|
|
809
800
|
"class": sortOptions + " " + getClassName(this.$props.innerClass, 'sortOptions'),
|
|
810
|
-
"
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
"on": {
|
|
815
|
-
"change": this.handleSortChange
|
|
816
|
-
},
|
|
817
|
-
"domProps": {
|
|
818
|
-
"value": this.sortOptionIndex
|
|
819
|
-
}
|
|
801
|
+
"name": "sort-options",
|
|
802
|
+
"aria-label": "Sort options",
|
|
803
|
+
"onChange": this.handleSortChange,
|
|
804
|
+
"value": this.sortOptionIndex
|
|
820
805
|
}, [this.sortOptions.map(function (sort, index) {
|
|
821
|
-
return
|
|
806
|
+
return vue.createVNode("option", {
|
|
822
807
|
"key": sort.label,
|
|
823
|
-
"
|
|
824
|
-
"value": index
|
|
825
|
-
}
|
|
808
|
+
"value": index
|
|
826
809
|
}, [sort.label]);
|
|
827
810
|
})]);
|
|
828
811
|
},
|
package/dist/cjs/ResultCard.js
CHANGED
|
@@ -5,21 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
7
|
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
8
|
+
var vue = require('vue');
|
|
8
9
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
9
|
-
require('emotion');
|
|
10
10
|
require('@appbaseio/vue-emotion');
|
|
11
11
|
require('polished');
|
|
12
|
-
var vueTypes = require('./vueTypes-
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var Card = require('./Card-240f283d.js');
|
|
12
|
+
var vueTypes = require('./vueTypes-621a8143.js');
|
|
13
|
+
var Title = require('./Title-8802a218.js');
|
|
14
|
+
var Card = require('./Card-c381ded3.js');
|
|
16
15
|
|
|
16
|
+
function _isSlot(s) {
|
|
17
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
|
|
18
|
+
}
|
|
17
19
|
var ResultCardTitle = {
|
|
18
20
|
name: 'ResultCardTitle',
|
|
19
21
|
render: function render() {
|
|
20
|
-
var h = arguments[0];
|
|
21
22
|
var children = this.$slots["default"];
|
|
22
|
-
return
|
|
23
|
+
return vue.createVNode(Title.Title, this.$props, _isSlot(children) ? children : {
|
|
24
|
+
"default": function _default() {
|
|
25
|
+
return [children];
|
|
26
|
+
}
|
|
27
|
+
});
|
|
23
28
|
}
|
|
24
29
|
};
|
|
25
30
|
ResultCardTitle.install = function (Vue) {
|
|
@@ -33,15 +38,14 @@ var ResultCardImage = {
|
|
|
33
38
|
src: VueTypes.string.isRequired
|
|
34
39
|
},
|
|
35
40
|
render: function render() {
|
|
36
|
-
var h = arguments[0];
|
|
37
41
|
var _this$$props = this.$props,
|
|
38
42
|
src = _this$$props.src,
|
|
39
43
|
props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded);
|
|
40
|
-
return
|
|
44
|
+
return vue.createVNode(Card.Image, vue.mergeProps({
|
|
41
45
|
"style": {
|
|
42
46
|
backgroundImage: "url(" + src + ")"
|
|
43
47
|
}
|
|
44
|
-
}, props
|
|
48
|
+
}, props), null);
|
|
45
49
|
}
|
|
46
50
|
};
|
|
47
51
|
ResultCardImage.install = function (Vue) {
|
|
@@ -54,8 +58,7 @@ var ResultCardDescription = {
|
|
|
54
58
|
render: function render(_, _ref) {
|
|
55
59
|
var props = _ref.props,
|
|
56
60
|
children = _ref.children;
|
|
57
|
-
|
|
58
|
-
return h("article", _mergeJSXProps([{}, props]), [children]);
|
|
61
|
+
return vue.createVNode("article", props, [children]);
|
|
59
62
|
}
|
|
60
63
|
};
|
|
61
64
|
ResultCardDescription.install = function (Vue) {
|
|
@@ -63,6 +66,9 @@ ResultCardDescription.install = function (Vue) {
|
|
|
63
66
|
};
|
|
64
67
|
|
|
65
68
|
var _excluded$1 = ["href", "target"];
|
|
69
|
+
function _isSlot$1(s) {
|
|
70
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
|
|
71
|
+
}
|
|
66
72
|
var ResultCard = {
|
|
67
73
|
name: 'ResultCard',
|
|
68
74
|
components: {
|
|
@@ -75,19 +81,20 @@ var ResultCard = {
|
|
|
75
81
|
href: vueTypes.types.string
|
|
76
82
|
},
|
|
77
83
|
render: function render() {
|
|
78
|
-
var h = arguments[0];
|
|
79
84
|
var children = this.$slots["default"];
|
|
80
85
|
var _this$$props = this.$props,
|
|
81
86
|
href = _this$$props.href,
|
|
82
87
|
target = _this$$props.target,
|
|
83
88
|
rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded$1);
|
|
84
|
-
return
|
|
85
|
-
"
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
return vue.createVNode(Card.Card, vue.mergeProps({
|
|
90
|
+
"href": href,
|
|
91
|
+
"target": target,
|
|
92
|
+
"rel": target === '_blank' ? 'noopener noreferrer' : null
|
|
93
|
+
}, rest), _isSlot$1(children) ? children : {
|
|
94
|
+
"default": function _default() {
|
|
95
|
+
return [children];
|
|
89
96
|
}
|
|
90
|
-
}
|
|
97
|
+
});
|
|
91
98
|
}
|
|
92
99
|
};
|
|
93
100
|
ResultCard.install = function (Vue) {
|
package/dist/cjs/ResultList.js
CHANGED
|
@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
7
|
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
8
|
+
var vue = require('vue');
|
|
8
9
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
9
|
-
require('emotion');
|
|
10
10
|
require('@appbaseio/vue-emotion');
|
|
11
11
|
require('polished');
|
|
12
|
-
var vueTypes = require('./vueTypes-
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var ListItem = require('./ListItem-5088bd6a.js');
|
|
12
|
+
var vueTypes = require('./vueTypes-621a8143.js');
|
|
13
|
+
var Title = require('./Title-8802a218.js');
|
|
14
|
+
var ListItem = require('./ListItem-c067bc07.js');
|
|
16
15
|
|
|
17
16
|
var ResultListContent = {
|
|
18
17
|
name: 'ResultListContent',
|
|
@@ -20,8 +19,7 @@ var ResultListContent = {
|
|
|
20
19
|
render: function render(_, _ref) {
|
|
21
20
|
var props = _ref.props,
|
|
22
21
|
children = _ref.children;
|
|
23
|
-
|
|
24
|
-
return h("article", _mergeJSXProps([{}, props]), [children]);
|
|
22
|
+
return vue.createVNode("article", props, [children]);
|
|
25
23
|
}
|
|
26
24
|
};
|
|
27
25
|
ResultListContent.install = function (Vue) {
|
|
@@ -34,8 +32,7 @@ var ResultListDescription = {
|
|
|
34
32
|
render: function render(_, _ref) {
|
|
35
33
|
var props = _ref.props,
|
|
36
34
|
children = _ref.children;
|
|
37
|
-
|
|
38
|
-
return h("div", _mergeJSXProps([{}, props]), [children]);
|
|
35
|
+
return vue.createVNode("div", props, [children]);
|
|
39
36
|
}
|
|
40
37
|
};
|
|
41
38
|
ResultListDescription.install = function (Vue) {
|
|
@@ -50,29 +47,32 @@ var ResultListImage = {
|
|
|
50
47
|
small: VueTypes.bool.def(false)
|
|
51
48
|
},
|
|
52
49
|
render: function render() {
|
|
53
|
-
var h = arguments[0];
|
|
54
50
|
var _this$$props = this.$props,
|
|
55
51
|
src = _this$$props.src,
|
|
56
52
|
small = _this$$props.small,
|
|
57
53
|
props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded);
|
|
58
|
-
return
|
|
59
|
-
"
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
63
|
-
}, props]));
|
|
54
|
+
return vue.createVNode(ListItem.Image, vue.mergeProps({
|
|
55
|
+
"src": src,
|
|
56
|
+
"small": small
|
|
57
|
+
}, props), null);
|
|
64
58
|
}
|
|
65
59
|
};
|
|
66
60
|
ResultListImage.install = function (Vue) {
|
|
67
61
|
Vue.component(ResultListImage.name, ResultListImage);
|
|
68
62
|
};
|
|
69
63
|
|
|
64
|
+
function _isSlot(s) {
|
|
65
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
|
|
66
|
+
}
|
|
70
67
|
var ResultListTitle = {
|
|
71
68
|
name: 'ResultListTitle',
|
|
72
69
|
render: function render() {
|
|
73
|
-
var h = arguments[0];
|
|
74
70
|
var children = this.$slots["default"];
|
|
75
|
-
return
|
|
71
|
+
return vue.createVNode(Title.Title, this.$props, _isSlot(children) ? children : {
|
|
72
|
+
"default": function _default() {
|
|
73
|
+
return [children];
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
78
|
ResultListTitle.install = function (Vue) {
|
|
@@ -80,6 +80,9 @@ ResultListTitle.install = function (Vue) {
|
|
|
80
80
|
};
|
|
81
81
|
|
|
82
82
|
var _excluded$1 = ["href", "target"];
|
|
83
|
+
function _isSlot$1(s) {
|
|
84
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
|
|
85
|
+
}
|
|
83
86
|
var ResultList = {
|
|
84
87
|
name: 'ResultList',
|
|
85
88
|
props: {
|
|
@@ -112,7 +115,6 @@ var ResultList = {
|
|
|
112
115
|
}
|
|
113
116
|
},
|
|
114
117
|
render: function render() {
|
|
115
|
-
var h = arguments[0];
|
|
116
118
|
var _this$$props = this.$props,
|
|
117
119
|
href = _this$$props.href,
|
|
118
120
|
target = _this$$props.target,
|
|
@@ -120,15 +122,17 @@ var ResultList = {
|
|
|
120
122
|
var hasImage = this.hasImage,
|
|
121
123
|
isSmall = this.isSmall;
|
|
122
124
|
var children = this.$slots["default"];
|
|
123
|
-
return
|
|
124
|
-
"
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
125
|
+
return vue.createVNode(ListItem.ListItem, vue.mergeProps({
|
|
126
|
+
"href": href,
|
|
127
|
+
"image": hasImage,
|
|
128
|
+
"small": isSmall,
|
|
129
|
+
"target": target,
|
|
130
|
+
"rel": target === '_blank' ? 'noopener noreferrer' : null
|
|
131
|
+
}, props), _isSlot$1(children) ? children : {
|
|
132
|
+
"default": function _default() {
|
|
133
|
+
return [children];
|
|
130
134
|
}
|
|
131
|
-
}
|
|
135
|
+
});
|
|
132
136
|
}
|
|
133
137
|
};
|
|
134
138
|
ResultList.install = function (Vue) {
|