@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/es/ReactiveList.js
CHANGED
|
@@ -1,43 +1,36 @@
|
|
|
1
1
|
import { Actions, helper } from '@appbaseio/reactivecore';
|
|
2
2
|
import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
|
|
3
3
|
import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
|
|
4
|
+
import { createVNode, mergeProps, createTextVNode, isVNode } from 'vue';
|
|
4
5
|
import VueTypes from 'vue-types';
|
|
5
6
|
import { withClickIds } from '@appbaseio/reactivecore/lib/utils/helper';
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
7
|
+
import { styled } from '@appbaseio/vue-emotion';
|
|
8
|
+
import 'emotion';
|
|
8
9
|
import 'polished';
|
|
9
|
-
import './Button-
|
|
10
|
-
import { t as types } from './vueTypes-
|
|
11
|
-
import { P as Pagination } from './Pagination-
|
|
10
|
+
import './Button-ebafa3d6.js';
|
|
11
|
+
import { t as types } from './vueTypes-e4af6fe2.js';
|
|
12
|
+
import { P as Pagination } from './Pagination-145b4ff2.js';
|
|
12
13
|
import '@appbaseio/reactivecore/lib/utils/transform';
|
|
13
14
|
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-
|
|
16
|
-
import { P as PreferencesConsumer } from './PreferencesConsumer-
|
|
17
|
-
import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
|
|
15
|
+
import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-285a43a6.js';
|
|
16
|
+
import { C as ComponentWrapper } from './ComponentWrapper-bf443c0b.js';
|
|
17
|
+
import { P as PreferencesConsumer } from './PreferencesConsumer-7ea7313a.js';
|
|
18
18
|
import './Title-863dfa42.js';
|
|
19
|
-
import { c as container } from './ListItem-
|
|
20
|
-
import { c as container$1 } from './Card-
|
|
21
|
-
import { F as Flex } from './Flex-
|
|
19
|
+
import { c as container } from './ListItem-47a6345a.js';
|
|
20
|
+
import { c as container$1 } from './Card-1951569e.js';
|
|
21
|
+
import { F as Flex } from './Flex-a08e22d7.js';
|
|
22
22
|
|
|
23
23
|
var _templateObject;
|
|
24
24
|
var PoweredByImage = styled('img')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));
|
|
25
25
|
|
|
26
|
-
var PoweredBy = {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
}, [h(PoweredByImage, {
|
|
36
|
-
"attrs": {
|
|
37
|
-
"src": "https://cdn.jsdelivr.net/gh/appbaseio/cdn@d2ec210045e59104ee5485841fa17b23fc83f097/appbase/logos/rbc-logo.svg"
|
|
38
|
-
}
|
|
39
|
-
})]);
|
|
40
|
-
}
|
|
26
|
+
var PoweredBy = function PoweredBy() {
|
|
27
|
+
return createVNode("a", {
|
|
28
|
+
"href": "https://appbase.io/",
|
|
29
|
+
"target": "_blank",
|
|
30
|
+
"rel": "noopener noreferrer"
|
|
31
|
+
}, [createVNode(PoweredByImage, {
|
|
32
|
+
"src": "https://cdn.jsdelivr.net/gh/appbaseio/cdn@d2ec210045e59104ee5485841fa17b23fc83f097/appbase/logos/rbc-logo.svg"
|
|
33
|
+
}, null)]);
|
|
41
34
|
};
|
|
42
35
|
|
|
43
36
|
var ResultListWrapper = {
|
|
@@ -46,12 +39,9 @@ var ResultListWrapper = {
|
|
|
46
39
|
render: function render(_, _ref) {
|
|
47
40
|
var props = _ref.props,
|
|
48
41
|
children = _ref.children;
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"className": container
|
|
53
|
-
}
|
|
54
|
-
}, props]), [children]);
|
|
42
|
+
return createVNode("div", mergeProps({
|
|
43
|
+
"className": container
|
|
44
|
+
}, props), [children]);
|
|
55
45
|
}
|
|
56
46
|
};
|
|
57
47
|
ResultListWrapper.install = function (Vue) {
|
|
@@ -64,21 +54,17 @@ var ResultCardsWrapper = {
|
|
|
64
54
|
render: function render(_, _ref) {
|
|
65
55
|
var props = _ref.props,
|
|
66
56
|
children = _ref.children;
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
"className": container$1
|
|
71
|
-
}
|
|
72
|
-
}, props]), [children]);
|
|
57
|
+
return createVNode("div", mergeProps({
|
|
58
|
+
"className": container$1
|
|
59
|
+
}, props), [children]);
|
|
73
60
|
}
|
|
74
61
|
};
|
|
75
62
|
ResultCardsWrapper.install = function (Vue) {
|
|
76
63
|
Vue.component(ResultCardsWrapper.name, ResultCardsWrapper);
|
|
77
64
|
};
|
|
78
65
|
|
|
79
|
-
var
|
|
80
|
-
var
|
|
81
|
-
var sortOptions = css(_templateObject2 || (_templateObject2 = _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"])));
|
|
66
|
+
var resultStats = "\n\tflex-grow: 1;\n\tfont-size: 0.82rem;\n";
|
|
67
|
+
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";
|
|
82
68
|
|
|
83
69
|
var recordImpressions = Actions.recordImpressions;
|
|
84
70
|
var isEqual = helper.isEqual;
|
|
@@ -237,6 +223,9 @@ var ImpressionTracker$1 = connect(function () {
|
|
|
237
223
|
return null;
|
|
238
224
|
}, mapDispatchToProps)(ImpressionTracker);
|
|
239
225
|
|
|
226
|
+
function _isSlot(s) {
|
|
227
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
|
|
228
|
+
}
|
|
240
229
|
var setQueryOptions = Actions.setQueryOptions,
|
|
241
230
|
updateQuery = Actions.updateQuery,
|
|
242
231
|
loadMore = Actions.loadMore,
|
|
@@ -254,6 +243,11 @@ var isEqual$1 = helper.isEqual,
|
|
|
254
243
|
getOptionsForCustomQuery = helper.getOptionsForCustomQuery;
|
|
255
244
|
var ReactiveList = {
|
|
256
245
|
name: 'ReactiveList',
|
|
246
|
+
inject: {
|
|
247
|
+
$emotionCache: {
|
|
248
|
+
"default": undefined
|
|
249
|
+
}
|
|
250
|
+
},
|
|
257
251
|
components: {
|
|
258
252
|
ResultListWrapper: ResultListWrapper,
|
|
259
253
|
ResultCardsWrapper: ResultCardsWrapper
|
|
@@ -362,10 +356,10 @@ var ReactiveList = {
|
|
|
362
356
|
return Math.ceil(this.total / this.$props.size) || 0;
|
|
363
357
|
},
|
|
364
358
|
hasPageChangeListener: function hasPageChangeListener() {
|
|
365
|
-
return this.$
|
|
359
|
+
return this.$attrs && this.$attrs.pageChange;
|
|
366
360
|
},
|
|
367
361
|
hasResultStatsListener: function hasResultStatsListener() {
|
|
368
|
-
return this.$
|
|
362
|
+
return this.$attrs && this.$attrs.resultStats;
|
|
369
363
|
},
|
|
370
364
|
stats: function stats() {
|
|
371
365
|
return _extends({}, getResultStats(this), {
|
|
@@ -567,87 +561,88 @@ var ReactiveList = {
|
|
|
567
561
|
window.addEventListener('scroll', this.scrollHandler);
|
|
568
562
|
}
|
|
569
563
|
},
|
|
570
|
-
|
|
564
|
+
beforeUnmount: function beforeUnmount() {
|
|
571
565
|
if (this.showInfiniteScroll) {
|
|
572
566
|
window.removeEventListener('scroll', this.scrollHandler);
|
|
573
567
|
}
|
|
574
568
|
},
|
|
575
569
|
render: function render() {
|
|
576
|
-
var
|
|
570
|
+
var _this2 = this;
|
|
577
571
|
var hits = this.$data.hits;
|
|
578
572
|
var results = parseHits(hits) || [];
|
|
579
|
-
return
|
|
573
|
+
return createVNode("div", {
|
|
580
574
|
"style": this.$props.style,
|
|
581
575
|
"class": this.$props.className
|
|
582
|
-
}, [this.isLoading && this.shouldRenderPagination && this.showInfiniteScroll && (this.$
|
|
583
|
-
"
|
|
584
|
-
"labelPosition": this.sortOptions ? 'right' : 'left'
|
|
585
|
-
},
|
|
576
|
+
}, [this.isLoading && this.shouldRenderPagination && this.showInfiniteScroll && (this.$slots.loader || this.$props.loader), this.renderErrorComponent(), createVNode(Flex, {
|
|
577
|
+
"labelPosition": this.sortOptions ? 'right' : 'left',
|
|
586
578
|
"class": getClassName(this.$props.innerClass, 'resultsInfo')
|
|
587
|
-
},
|
|
588
|
-
"
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
579
|
+
}, {
|
|
580
|
+
"default": function _default() {
|
|
581
|
+
return [_this2.sortOptions ? _this2.renderSortOptions() : null, _this2.$props.showResultStats && results.length ? _this2.renderStats() : null];
|
|
582
|
+
}
|
|
583
|
+
}), !this.isLoading && hits && hits.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? createVNode(Pagination, {
|
|
584
|
+
"pages": this.$props.pages,
|
|
585
|
+
"totalPages": this.totalPages,
|
|
586
|
+
"currentPage": this.currentPageState,
|
|
587
|
+
"setPage": this.setPage,
|
|
588
|
+
"innerClass": this.$props.innerClass,
|
|
589
|
+
"prevLabel": this.$props.prevLabel,
|
|
590
|
+
"nextLabel": this.$props.nextLabel
|
|
591
|
+
}, null) : null, this.renderResults(), this.isLoading && !this.shouldRenderPagination ? this.$slots.loader || this.$props.loader || createVNode("div", {
|
|
598
592
|
"style": {
|
|
599
593
|
textAlign: 'center',
|
|
600
594
|
margin: '20px 0',
|
|
601
595
|
color: '#666'
|
|
602
596
|
}
|
|
603
|
-
}, ["Loading..."]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ?
|
|
604
|
-
"
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
}) : null, this.url.endsWith('appbase.io') && results.length ? h(Flex, {
|
|
615
|
-
"attrs": {
|
|
616
|
-
"direction": "row-reverse"
|
|
617
|
-
},
|
|
597
|
+
}, [createTextVNode("Loading...")]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ? createVNode(Pagination, {
|
|
598
|
+
"pages": this.$props.pages,
|
|
599
|
+
"totalPages": Math.ceil(this.$data.total / this.$props.size),
|
|
600
|
+
"currentPage": this.currentPageState,
|
|
601
|
+
"setPage": this.setPage,
|
|
602
|
+
"showEndPage": this.$props.showEndPage,
|
|
603
|
+
"innerClass": this.$props.innerClass,
|
|
604
|
+
"prevLabel": this.$props.prevLabel,
|
|
605
|
+
"nextLabel": this.$props.nextLabel
|
|
606
|
+
}, null) : null, this.url.endsWith('appbase.io') && results.length ? createVNode(Flex, {
|
|
607
|
+
"direction": "row-reverse",
|
|
618
608
|
"class": getClassName(this.$props.innerClass, 'poweredBy')
|
|
619
|
-
},
|
|
609
|
+
}, {
|
|
610
|
+
"default": function _default() {
|
|
611
|
+
return [createVNode(PoweredBy, null, null)];
|
|
612
|
+
}
|
|
613
|
+
}) : null]);
|
|
620
614
|
},
|
|
621
615
|
methods: {
|
|
622
616
|
renderErrorComponent: function renderErrorComponent() {
|
|
623
|
-
var renderError = this.$
|
|
617
|
+
var renderError = this.$slots.renderError || this.$props.renderError;
|
|
624
618
|
if (renderError && this.error && !this.isLoading) {
|
|
625
619
|
return isFunction(renderError) ? renderError(this.error) : renderError;
|
|
626
620
|
}
|
|
627
621
|
return null;
|
|
628
622
|
},
|
|
629
623
|
renderResults: function renderResults() {
|
|
630
|
-
var
|
|
631
|
-
var h = this.$createElement;
|
|
624
|
+
var _this3 = this;
|
|
632
625
|
var size = this.$props.size;
|
|
633
|
-
var renderItem = this.$
|
|
634
|
-
var element = this.hasCustomRender ? this.getComponent() :
|
|
626
|
+
var renderItem = this.$attrs.slots.renderItem || this.$props.renderItem;
|
|
627
|
+
var element = this.hasCustomRender ? this.getComponent() : createVNode("div", {
|
|
635
628
|
"class": this.$props.listClass + " " + getClassName(this.$props.innerClass, 'list')
|
|
636
629
|
}, [this.data.map(function (item, index) {
|
|
637
630
|
return renderItem({
|
|
638
631
|
item: item,
|
|
639
|
-
count:
|
|
632
|
+
count: _this3.currentPageState * size + index + 1,
|
|
640
633
|
triggerClickAnalytics: function triggerClickAnalytics() {
|
|
641
|
-
return
|
|
634
|
+
return _this3.triggerClickAnalytics(_this3.currentPageState * size + index);
|
|
642
635
|
}
|
|
643
636
|
});
|
|
644
637
|
})]);
|
|
645
638
|
// If analytics is set to true then render with impression tracker
|
|
646
|
-
return this.analytics ?
|
|
647
|
-
"
|
|
648
|
-
|
|
639
|
+
return this.analytics ? createVNode(ImpressionTracker$1, {
|
|
640
|
+
"hits": this.data
|
|
641
|
+
}, _isSlot(element) ? element : {
|
|
642
|
+
"default": function _default() {
|
|
643
|
+
return [element];
|
|
649
644
|
}
|
|
650
|
-
}
|
|
645
|
+
}) : element;
|
|
651
646
|
},
|
|
652
647
|
updateQueryOptions: function updateQueryOptions(props) {
|
|
653
648
|
var options = getQueryOptions(props);
|
|
@@ -733,25 +728,23 @@ var ReactiveList = {
|
|
|
733
728
|
}
|
|
734
729
|
},
|
|
735
730
|
renderStats: function renderStats() {
|
|
736
|
-
var
|
|
737
|
-
var renderResultStats = this.$scopedSlots.renderResultStats || this.$props.renderResultStats;
|
|
731
|
+
var renderResultStats = this.$slots.renderResultStats || this.$props.renderResultStats;
|
|
738
732
|
if (renderResultStats && this.$data.total) {
|
|
739
733
|
return renderResultStats(this.stats);
|
|
740
734
|
}
|
|
741
735
|
if (this.stats.numberOfResults) {
|
|
742
|
-
return
|
|
736
|
+
return createVNode("p", {
|
|
743
737
|
"class": resultStats + " " + getClassName(this.$props.innerClass, 'resultStats')
|
|
744
|
-
}, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
|
|
738
|
+
}, [this.stats.numberOfResults, createTextVNode(" results found in "), this.stats.time || 0, createTextVNode("ms")]);
|
|
745
739
|
}
|
|
746
740
|
return null;
|
|
747
741
|
},
|
|
748
742
|
renderNoResult: function renderNoResult() {
|
|
749
|
-
var
|
|
750
|
-
|
|
751
|
-
if (this.$scopedSlots.renderNoResults) {
|
|
743
|
+
var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
|
|
744
|
+
if (this.$slots.renderNoResults) {
|
|
752
745
|
return isFunction(renderNoResults) ? renderNoResults() : renderNoResults;
|
|
753
746
|
}
|
|
754
|
-
return
|
|
747
|
+
return createVNode("p", {
|
|
755
748
|
"class": getClassName(this.$props.innerClass, 'noResults') || null
|
|
756
749
|
}, [isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
|
|
757
750
|
},
|
|
@@ -796,25 +789,16 @@ var ReactiveList = {
|
|
|
796
789
|
this.recordResultClick(searchPosition, docId);
|
|
797
790
|
},
|
|
798
791
|
renderSortOptions: function renderSortOptions() {
|
|
799
|
-
|
|
800
|
-
return h("select", {
|
|
792
|
+
return createVNode("select", {
|
|
801
793
|
"class": sortOptions + " " + getClassName(this.$props.innerClass, 'sortOptions'),
|
|
802
|
-
"
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
"on": {
|
|
807
|
-
"change": this.handleSortChange
|
|
808
|
-
},
|
|
809
|
-
"domProps": {
|
|
810
|
-
"value": this.sortOptionIndex
|
|
811
|
-
}
|
|
794
|
+
"name": "sort-options",
|
|
795
|
+
"aria-label": "Sort options",
|
|
796
|
+
"onChange": this.handleSortChange,
|
|
797
|
+
"value": this.sortOptionIndex
|
|
812
798
|
}, [this.sortOptions.map(function (sort, index) {
|
|
813
|
-
return
|
|
799
|
+
return createVNode("option", {
|
|
814
800
|
"key": sort.label,
|
|
815
|
-
"
|
|
816
|
-
"value": index
|
|
817
|
-
}
|
|
801
|
+
"value": index
|
|
818
802
|
}, [sort.label]);
|
|
819
803
|
})]);
|
|
820
804
|
},
|
package/dist/es/ResultCard.js
CHANGED
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
|
|
2
|
+
import { createVNode, isVNode, mergeProps } from 'vue';
|
|
2
3
|
import VueTypes from 'vue-types';
|
|
3
|
-
import 'emotion';
|
|
4
4
|
import '@appbaseio/vue-emotion';
|
|
5
5
|
import 'polished';
|
|
6
|
-
import { t as types } from './vueTypes-
|
|
7
|
-
import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
|
|
6
|
+
import { t as types } from './vueTypes-e4af6fe2.js';
|
|
8
7
|
import { T as Title } from './Title-863dfa42.js';
|
|
9
|
-
import { I as Image, C as Card } from './Card-
|
|
8
|
+
import { I as Image, C as Card } from './Card-1951569e.js';
|
|
10
9
|
|
|
10
|
+
function _isSlot(s) {
|
|
11
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
|
|
12
|
+
}
|
|
11
13
|
var ResultCardTitle = {
|
|
12
14
|
name: 'ResultCardTitle',
|
|
13
15
|
render: function render() {
|
|
14
|
-
var h = arguments[0];
|
|
15
16
|
var children = this.$slots["default"];
|
|
16
|
-
return
|
|
17
|
+
return createVNode(Title, this.$props, _isSlot(children) ? children : {
|
|
18
|
+
"default": function _default() {
|
|
19
|
+
return [children];
|
|
20
|
+
}
|
|
21
|
+
});
|
|
17
22
|
}
|
|
18
23
|
};
|
|
19
24
|
ResultCardTitle.install = function (Vue) {
|
|
@@ -27,15 +32,14 @@ var ResultCardImage = {
|
|
|
27
32
|
src: VueTypes.string.isRequired
|
|
28
33
|
},
|
|
29
34
|
render: function render() {
|
|
30
|
-
var h = arguments[0];
|
|
31
35
|
var _this$$props = this.$props,
|
|
32
36
|
src = _this$$props.src,
|
|
33
37
|
props = _objectWithoutPropertiesLoose(_this$$props, _excluded);
|
|
34
|
-
return
|
|
38
|
+
return createVNode(Image, mergeProps({
|
|
35
39
|
"style": {
|
|
36
40
|
backgroundImage: "url(" + src + ")"
|
|
37
41
|
}
|
|
38
|
-
}, props
|
|
42
|
+
}, props), null);
|
|
39
43
|
}
|
|
40
44
|
};
|
|
41
45
|
ResultCardImage.install = function (Vue) {
|
|
@@ -48,8 +52,7 @@ var ResultCardDescription = {
|
|
|
48
52
|
render: function render(_, _ref) {
|
|
49
53
|
var props = _ref.props,
|
|
50
54
|
children = _ref.children;
|
|
51
|
-
|
|
52
|
-
return h("article", _mergeJSXProps([{}, props]), [children]);
|
|
55
|
+
return createVNode("article", props, [children]);
|
|
53
56
|
}
|
|
54
57
|
};
|
|
55
58
|
ResultCardDescription.install = function (Vue) {
|
|
@@ -57,6 +60,9 @@ ResultCardDescription.install = function (Vue) {
|
|
|
57
60
|
};
|
|
58
61
|
|
|
59
62
|
var _excluded$1 = ["href", "target"];
|
|
63
|
+
function _isSlot$1(s) {
|
|
64
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
|
|
65
|
+
}
|
|
60
66
|
var ResultCard = {
|
|
61
67
|
name: 'ResultCard',
|
|
62
68
|
components: {
|
|
@@ -69,19 +75,20 @@ var ResultCard = {
|
|
|
69
75
|
href: types.string
|
|
70
76
|
},
|
|
71
77
|
render: function render() {
|
|
72
|
-
var h = arguments[0];
|
|
73
78
|
var children = this.$slots["default"];
|
|
74
79
|
var _this$$props = this.$props,
|
|
75
80
|
href = _this$$props.href,
|
|
76
81
|
target = _this$$props.target,
|
|
77
82
|
rest = _objectWithoutPropertiesLoose(_this$$props, _excluded$1);
|
|
78
|
-
return
|
|
79
|
-
"
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
+
return createVNode(Card, mergeProps({
|
|
84
|
+
"href": href,
|
|
85
|
+
"target": target,
|
|
86
|
+
"rel": target === '_blank' ? 'noopener noreferrer' : null
|
|
87
|
+
}, rest), _isSlot$1(children) ? children : {
|
|
88
|
+
"default": function _default() {
|
|
89
|
+
return [children];
|
|
83
90
|
}
|
|
84
|
-
}
|
|
91
|
+
});
|
|
85
92
|
}
|
|
86
93
|
};
|
|
87
94
|
ResultCard.install = function (Vue) {
|
package/dist/es/ResultList.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
|
|
2
|
+
import { createVNode, mergeProps, isVNode } from 'vue';
|
|
2
3
|
import VueTypes from 'vue-types';
|
|
3
|
-
import 'emotion';
|
|
4
4
|
import '@appbaseio/vue-emotion';
|
|
5
5
|
import 'polished';
|
|
6
|
-
import { t as types } from './vueTypes-
|
|
7
|
-
import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
|
|
6
|
+
import { t as types } from './vueTypes-e4af6fe2.js';
|
|
8
7
|
import { T as Title } from './Title-863dfa42.js';
|
|
9
|
-
import { I as Image, L as ListItem } from './ListItem-
|
|
8
|
+
import { I as Image, L as ListItem } from './ListItem-47a6345a.js';
|
|
10
9
|
|
|
11
10
|
var ResultListContent = {
|
|
12
11
|
name: 'ResultListContent',
|
|
@@ -14,8 +13,7 @@ var ResultListContent = {
|
|
|
14
13
|
render: function render(_, _ref) {
|
|
15
14
|
var props = _ref.props,
|
|
16
15
|
children = _ref.children;
|
|
17
|
-
|
|
18
|
-
return h("article", _mergeJSXProps([{}, props]), [children]);
|
|
16
|
+
return createVNode("article", props, [children]);
|
|
19
17
|
}
|
|
20
18
|
};
|
|
21
19
|
ResultListContent.install = function (Vue) {
|
|
@@ -28,8 +26,7 @@ var ResultListDescription = {
|
|
|
28
26
|
render: function render(_, _ref) {
|
|
29
27
|
var props = _ref.props,
|
|
30
28
|
children = _ref.children;
|
|
31
|
-
|
|
32
|
-
return h("div", _mergeJSXProps([{}, props]), [children]);
|
|
29
|
+
return createVNode("div", props, [children]);
|
|
33
30
|
}
|
|
34
31
|
};
|
|
35
32
|
ResultListDescription.install = function (Vue) {
|
|
@@ -44,29 +41,32 @@ var ResultListImage = {
|
|
|
44
41
|
small: VueTypes.bool.def(false)
|
|
45
42
|
},
|
|
46
43
|
render: function render() {
|
|
47
|
-
var h = arguments[0];
|
|
48
44
|
var _this$$props = this.$props,
|
|
49
45
|
src = _this$$props.src,
|
|
50
46
|
small = _this$$props.small,
|
|
51
47
|
props = _objectWithoutPropertiesLoose(_this$$props, _excluded);
|
|
52
|
-
return
|
|
53
|
-
"
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
}, props]));
|
|
48
|
+
return createVNode(Image, mergeProps({
|
|
49
|
+
"src": src,
|
|
50
|
+
"small": small
|
|
51
|
+
}, props), null);
|
|
58
52
|
}
|
|
59
53
|
};
|
|
60
54
|
ResultListImage.install = function (Vue) {
|
|
61
55
|
Vue.component(ResultListImage.name, ResultListImage);
|
|
62
56
|
};
|
|
63
57
|
|
|
58
|
+
function _isSlot(s) {
|
|
59
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
|
|
60
|
+
}
|
|
64
61
|
var ResultListTitle = {
|
|
65
62
|
name: 'ResultListTitle',
|
|
66
63
|
render: function render() {
|
|
67
|
-
var h = arguments[0];
|
|
68
64
|
var children = this.$slots["default"];
|
|
69
|
-
return
|
|
65
|
+
return createVNode(Title, this.$props, _isSlot(children) ? children : {
|
|
66
|
+
"default": function _default() {
|
|
67
|
+
return [children];
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
72
|
ResultListTitle.install = function (Vue) {
|
|
@@ -74,6 +74,9 @@ ResultListTitle.install = function (Vue) {
|
|
|
74
74
|
};
|
|
75
75
|
|
|
76
76
|
var _excluded$1 = ["href", "target"];
|
|
77
|
+
function _isSlot$1(s) {
|
|
78
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
|
|
79
|
+
}
|
|
77
80
|
var ResultList = {
|
|
78
81
|
name: 'ResultList',
|
|
79
82
|
props: {
|
|
@@ -106,7 +109,6 @@ var ResultList = {
|
|
|
106
109
|
}
|
|
107
110
|
},
|
|
108
111
|
render: function render() {
|
|
109
|
-
var h = arguments[0];
|
|
110
112
|
var _this$$props = this.$props,
|
|
111
113
|
href = _this$$props.href,
|
|
112
114
|
target = _this$$props.target,
|
|
@@ -114,15 +116,17 @@ var ResultList = {
|
|
|
114
116
|
var hasImage = this.hasImage,
|
|
115
117
|
isSmall = this.isSmall;
|
|
116
118
|
var children = this.$slots["default"];
|
|
117
|
-
return
|
|
118
|
-
"
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
119
|
+
return createVNode(ListItem, mergeProps({
|
|
120
|
+
"href": href,
|
|
121
|
+
"image": hasImage,
|
|
122
|
+
"small": isSmall,
|
|
123
|
+
"target": target,
|
|
124
|
+
"rel": target === '_blank' ? 'noopener noreferrer' : null
|
|
125
|
+
}, props), _isSlot$1(children) ? children : {
|
|
126
|
+
"default": function _default() {
|
|
127
|
+
return [children];
|
|
124
128
|
}
|
|
125
|
-
}
|
|
129
|
+
});
|
|
126
130
|
}
|
|
127
131
|
};
|
|
128
132
|
ResultList.install = function (Vue) {
|