@appbaseio/reactivesearch-vue 1.34.0-alpha.2 → 1.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@appbaseio/reactivesearch-vue.umd.js +10874 -8633
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +12 -11
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/Button-841fd06d.js +62 -0
- package/dist/cjs/{CancelSvg-062a42f0.js → CancelSvg-220a7cc3.js} +40 -32
- package/dist/cjs/Card-240f283d.js +30 -0
- package/dist/cjs/{ComponentWrapper-db45cc6d.js → ComponentWrapper-94c50228.js} +7 -7
- package/dist/cjs/Container-e699ea95.js +15 -0
- package/dist/cjs/DataSearch.js +1312 -20
- package/dist/cjs/{DropDown-3b899b20.js → DropDown-7a52c661.js} +79 -78
- package/dist/cjs/DynamicRangeSlider.js +46 -56
- package/dist/cjs/Flex-ddd7cb6b.js +50 -0
- package/dist/cjs/FormControlList-bbb5cd24.js +45 -0
- package/dist/cjs/Input-ead4cd84.js +77 -0
- package/dist/cjs/ListItem-5088bd6a.js +45 -0
- package/dist/cjs/MultiDropdownList.js +68 -74
- package/dist/cjs/MultiList.js +94 -89
- package/dist/cjs/MultiRange.js +44 -54
- package/dist/cjs/{Pagination-a468f960.js → Pagination-e56a5b79.js} +53 -56
- package/dist/cjs/{PreferencesConsumer-034c55e3.js → PreferencesConsumer-5e6e84a2.js} +5 -6
- package/dist/cjs/RangeInput.js +107 -115
- package/dist/cjs/RangeSlider.js +39 -50
- package/dist/cjs/ReactiveBase.js +55 -69
- package/dist/cjs/ReactiveComponent.js +316 -46
- package/dist/cjs/{ReactiveComponent-f0f486ca.js → ReactiveComponentPrivate-244c6055.js} +321 -618
- package/dist/cjs/ReactiveComponentPrivate.js +55 -0
- package/dist/cjs/ReactiveGoogleMap.js +439 -384
- package/dist/cjs/ReactiveList.js +128 -100
- package/dist/cjs/ResultCard.js +19 -26
- package/dist/cjs/ResultList.js +27 -31
- package/dist/cjs/SelectedFilters.js +34 -49
- package/dist/cjs/SingleDropdownList.js +66 -73
- package/dist/cjs/SingleList.js +96 -90
- package/dist/cjs/SingleRange.js +42 -48
- package/dist/cjs/StateProvider.js +2 -2
- package/dist/cjs/Tags-4ec43831.js +883 -0
- package/dist/cjs/Title-16042ea0.js +15 -0
- package/dist/cjs/ToggleButton.js +34 -39
- package/dist/cjs/{index-dc25b706.js → index-de136c17.js} +8 -6
- package/dist/cjs/index.js +27 -25
- package/dist/cjs/initReactivesearch.js +0 -3
- package/dist/cjs/install.js +23 -22
- package/dist/cjs/ssr-f2fc1bf6.js +36 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-621a8143.js → vueTypes-b7007f5f.js} +3 -2
- package/dist/es/Button-153cd885.js +53 -0
- package/dist/es/{CancelSvg-14ebc9a1.js → CancelSvg-e40552a5.js} +37 -30
- package/dist/es/{Card-1951569e.js → Card-19ad6d90.js} +6 -5
- package/dist/es/{ComponentWrapper-bf443c0b.js → ComponentWrapper-edaeaceb.js} +6 -6
- package/dist/es/Container-d00219f7.js +1 -1
- package/dist/es/DataSearch.js +1312 -18
- package/dist/es/{DropDown-35e232b7.js → DropDown-2c0dd714.js} +78 -78
- package/dist/es/DynamicRangeSlider.js +43 -53
- package/dist/es/Flex-7c177a10.js +45 -0
- package/dist/es/FormControlList-99797d0a.js +38 -0
- package/dist/es/Input-c09c0b56.js +69 -0
- package/dist/es/{ListItem-47a6345a.js → ListItem-07888a65.js} +7 -6
- package/dist/es/MultiDropdownList.js +66 -72
- package/dist/es/MultiList.js +93 -88
- package/dist/es/MultiRange.js +42 -52
- package/dist/es/{Pagination-145b4ff2.js → Pagination-edeb7dbe.js} +53 -56
- package/dist/es/{PreferencesConsumer-7ea7313a.js → PreferencesConsumer-86a676c8.js} +4 -5
- package/dist/es/RangeInput.js +103 -112
- package/dist/es/RangeSlider.js +36 -47
- package/dist/es/ReactiveBase.js +53 -68
- package/dist/es/ReactiveComponent.js +316 -45
- package/dist/es/{ReactiveComponent-e2fb9eb4.js → ReactiveComponentPrivate-6f16e1b7.js} +316 -614
- package/dist/es/ReactiveComponentPrivate.js +47 -0
- package/dist/es/ReactiveGoogleMap.js +434 -380
- package/dist/es/ReactiveList.js +125 -98
- package/dist/es/ResultCard.js +18 -25
- package/dist/es/ResultList.js +26 -30
- package/dist/es/SelectedFilters.js +32 -47
- package/dist/es/SingleDropdownList.js +64 -71
- package/dist/es/SingleList.js +94 -88
- package/dist/es/SingleRange.js +40 -46
- package/dist/es/StateProvider.js +2 -2
- package/dist/es/Tags-1c2d6c4d.js +869 -0
- package/dist/es/Title-863dfa42.js +1 -1
- package/dist/es/ToggleButton.js +32 -37
- package/dist/es/{index-285a43a6.js → index-5509c0bc.js} +8 -6
- package/dist/es/index.js +20 -19
- package/dist/es/initReactivesearch.js +0 -3
- package/dist/es/install.js +20 -19
- package/dist/es/ssr-03607d84.js +1 -1
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-e4af6fe2.js → vueTypes-66ebc93e.js} +3 -2
- package/package.json +10 -10
- package/dist/cjs/Button-626c5e8e.js +0 -58
- package/dist/cjs/Card-c381ded3.js +0 -26
- package/dist/cjs/Container-29f049b2.js +0 -12
- package/dist/cjs/DataSearch-7c71ec9f.js +0 -2043
- package/dist/cjs/Flex-d5675ea6.js +0 -48
- package/dist/cjs/FormControlList-cf1ff2ca.js +0 -42
- package/dist/cjs/Input-4d278ca0.js +0 -74
- package/dist/cjs/ListItem-c067bc07.js +0 -41
- package/dist/cjs/Title-8802a218.js +0 -12
- package/dist/cjs/ssr-eb901d09.js +0 -35
- package/dist/es/Button-ebafa3d6.js +0 -52
- package/dist/es/DataSearch-4f9a4e46.js +0 -2028
- package/dist/es/Flex-a08e22d7.js +0 -46
- package/dist/es/FormControlList-fa5cf78b.js +0 -38
- package/dist/es/Input-3b8408a6.js +0 -69
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
6
|
+
var styled = require('@appbaseio/vue-emotion');
|
|
7
|
+
var styled__default = _interopDefault(styled);
|
|
8
|
+
|
|
9
|
+
var _templateObject;
|
|
10
|
+
var Title = styled__default('h2')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"])), function (_ref) {
|
|
11
|
+
var theme = _ref.theme;
|
|
12
|
+
return theme.colors.titleColor;
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
exports.Title = Title;
|
package/dist/cjs/ToggleButton.js
CHANGED
|
@@ -8,20 +8,19 @@ var configureStore = require('@appbaseio/reactivecore');
|
|
|
8
8
|
var configureStore__default = _interopDefault(configureStore);
|
|
9
9
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
10
10
|
require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
11
|
-
var vue = require('vue');
|
|
12
11
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
13
|
-
require('@appbaseio/vue-emotion');
|
|
14
12
|
require('emotion');
|
|
13
|
+
require('@appbaseio/vue-emotion');
|
|
15
14
|
require('polished');
|
|
16
|
-
var Button = require('./Button-
|
|
17
|
-
var vueTypes = require('./vueTypes-
|
|
15
|
+
var Button = require('./Button-841fd06d.js');
|
|
16
|
+
var vueTypes = require('./vueTypes-b7007f5f.js');
|
|
18
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
19
18
|
require('redux');
|
|
20
|
-
var index = require('./index-
|
|
21
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
22
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
23
|
-
var Title = require('./Title-
|
|
24
|
-
var Container = require('./Container-
|
|
19
|
+
var index = require('./index-de136c17.js');
|
|
20
|
+
var ComponentWrapper = require('./ComponentWrapper-94c50228.js');
|
|
21
|
+
var PreferencesConsumer = require('./PreferencesConsumer-5e6e84a2.js');
|
|
22
|
+
var Title = require('./Title-16042ea0.js');
|
|
23
|
+
var Container = require('./Container-e699ea95.js');
|
|
25
24
|
|
|
26
25
|
var updateQuery = configureStore.Actions.updateQuery,
|
|
27
26
|
setQueryOptions = configureStore.Actions.setQueryOptions,
|
|
@@ -211,7 +210,8 @@ var ToggleButton = {
|
|
|
211
210
|
},
|
|
212
211
|
renderButton: function renderButton(item) {
|
|
213
212
|
var _this2 = this;
|
|
214
|
-
var
|
|
213
|
+
var h = this.$createElement;
|
|
214
|
+
var renderItem = this.$scopedSlots.renderItem || this.renderItem;
|
|
215
215
|
var isSelected = this.$data.currentValue.some(function (value) {
|
|
216
216
|
return value.value === item.value;
|
|
217
217
|
});
|
|
@@ -221,44 +221,37 @@ var ToggleButton = {
|
|
|
221
221
|
handleClick: function handleClick() {
|
|
222
222
|
return _this2.handleClick(item);
|
|
223
223
|
}
|
|
224
|
-
}) :
|
|
224
|
+
}) : h(Button.Button, {
|
|
225
225
|
"class": getClassName(this.$props.innerClass, 'button') + " " + (isSelected ? 'active' : ''),
|
|
226
|
-
"
|
|
227
|
-
|
|
226
|
+
"on": {
|
|
227
|
+
"click": function click() {
|
|
228
|
+
return _this2.handleClick(item);
|
|
229
|
+
},
|
|
230
|
+
"keypress": function keypress(e) {
|
|
231
|
+
return handleA11yAction(e, function () {
|
|
232
|
+
return _this2.handleClick(item);
|
|
233
|
+
});
|
|
234
|
+
}
|
|
228
235
|
},
|
|
229
236
|
"key": item.value,
|
|
230
|
-
"
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
return handleA11yAction(e, function () {
|
|
235
|
-
return _this2.handleClick(item);
|
|
236
|
-
});
|
|
237
|
-
}
|
|
238
|
-
}, {
|
|
239
|
-
"default": function _default() {
|
|
240
|
-
return [item.label];
|
|
237
|
+
"attrs": {
|
|
238
|
+
"primary": isSelected,
|
|
239
|
+
"large": true,
|
|
240
|
+
"tabIndex": isSelected ? '-1' : '0'
|
|
241
241
|
}
|
|
242
|
-
});
|
|
242
|
+
}, [item.label]);
|
|
243
243
|
}
|
|
244
244
|
},
|
|
245
245
|
render: function render() {
|
|
246
246
|
var _this3 = this;
|
|
247
|
-
|
|
247
|
+
var h = arguments[0];
|
|
248
|
+
return h(Container.Container, {
|
|
248
249
|
"class": Button.toggleButtons
|
|
249
|
-
}, {
|
|
250
|
-
"
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
"default": function _default() {
|
|
255
|
-
return [_this3.$props.title];
|
|
256
|
-
}
|
|
257
|
-
}), _this3.$props.data.map(function (item) {
|
|
258
|
-
return _this3.renderButton(item);
|
|
259
|
-
})];
|
|
260
|
-
}
|
|
261
|
-
});
|
|
250
|
+
}, [this.$props.title && h(Title.Title, {
|
|
251
|
+
"class": getClassName(this.$props.innerClass, 'title')
|
|
252
|
+
}, [this.$props.title]), this.$props.data.map(function (item) {
|
|
253
|
+
return _this3.renderButton(item);
|
|
254
|
+
})]);
|
|
262
255
|
}
|
|
263
256
|
};
|
|
264
257
|
ToggleButton.parseValue = function (value, props) {
|
|
@@ -317,6 +310,8 @@ var mapDispatchtoProps = {
|
|
|
317
310
|
var TBConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
|
|
318
311
|
componentType: constants.componentTypes.toggleButton
|
|
319
312
|
}));
|
|
313
|
+
TBConnected.parseValue = ToggleButton.parseValue;
|
|
314
|
+
TBConnected.defaultQuery = ToggleButton.defaultQuery;
|
|
320
315
|
TBConnected.name = ToggleButton.name;
|
|
321
316
|
TBConnected.install = function (Vue) {
|
|
322
317
|
Vue.component(TBConnected.name, TBConnected);
|
|
@@ -93,11 +93,11 @@ var connector = function connector(_mapState, mapDispatch) {
|
|
|
93
93
|
};
|
|
94
94
|
this._unsubscribe = observeStore(this.$$store, getMappedState, function (newState) {
|
|
95
95
|
Object.keys(newState).forEach(function (key) {
|
|
96
|
-
_this
|
|
96
|
+
_this.$set(_this, key, newState[key]);
|
|
97
97
|
});
|
|
98
98
|
});
|
|
99
99
|
},
|
|
100
|
-
|
|
100
|
+
beforeDestroy: function beforeDestroy() {
|
|
101
101
|
this._unsubscribe();
|
|
102
102
|
}
|
|
103
103
|
};
|
|
@@ -171,7 +171,7 @@ var getComponent = function getComponent(data, _ref) {
|
|
|
171
171
|
if (_ref === void 0) {
|
|
172
172
|
_ref = {};
|
|
173
173
|
}
|
|
174
|
-
var _ref2 = _ref.$
|
|
174
|
+
var _ref2 = _ref.$scopedSlots || _ref.$props,
|
|
175
175
|
render = _ref2.render;
|
|
176
176
|
if (render) return render(data);
|
|
177
177
|
return null;
|
|
@@ -184,7 +184,7 @@ var hasCustomRenderer = function hasCustomRenderer(_ref) {
|
|
|
184
184
|
if (_ref === void 0) {
|
|
185
185
|
_ref = {};
|
|
186
186
|
}
|
|
187
|
-
var _ref3 = _ref.$
|
|
187
|
+
var _ref3 = _ref.$scopedSlots || _ref.$props,
|
|
188
188
|
render = _ref3.render;
|
|
189
189
|
return Boolean(render);
|
|
190
190
|
};
|
|
@@ -233,7 +233,7 @@ var getQuerySuggestionsComponent = function getQuerySuggestionsComponent(data, _
|
|
|
233
233
|
if (_ref === void 0) {
|
|
234
234
|
_ref = {};
|
|
235
235
|
}
|
|
236
|
-
var _ref4 = _ref.$
|
|
236
|
+
var _ref4 = _ref.$scopedSlots || _ref.$props,
|
|
237
237
|
renderQuerySuggestions = _ref4.renderQuerySuggestions,
|
|
238
238
|
renderPopularSuggestions = _ref4.renderPopularSuggestions;
|
|
239
239
|
var render = renderPopularSuggestions || renderQuerySuggestions;
|
|
@@ -248,7 +248,7 @@ var hasQuerySuggestionsRenderer = function hasQuerySuggestionsRenderer(_ref) {
|
|
|
248
248
|
if (_ref === void 0) {
|
|
249
249
|
_ref = {};
|
|
250
250
|
}
|
|
251
|
-
var _ref5 = _ref.$
|
|
251
|
+
var _ref5 = _ref.$scopedSlots || _ref.$props,
|
|
252
252
|
renderQuerySuggestions = _ref5.renderQuerySuggestions,
|
|
253
253
|
renderPopularSuggestions = _ref5.renderPopularSuggestions;
|
|
254
254
|
return Boolean(renderPopularSuggestions) || Boolean(renderQuerySuggestions);
|
|
@@ -262,12 +262,14 @@ var getCamelCase = function getCamelCase(str) {
|
|
|
262
262
|
if (str === void 0) {
|
|
263
263
|
str = '';
|
|
264
264
|
}
|
|
265
|
+
var propsWhichRequirePascalCase = ['u-r-l-params'];
|
|
265
266
|
var arr = str.split('-');
|
|
266
267
|
var capital = arr.map(function (item, index) {
|
|
267
268
|
return index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item;
|
|
268
269
|
});
|
|
269
270
|
// ^-- change here.
|
|
270
271
|
var capitalString = capital.join('');
|
|
272
|
+
if (propsWhichRequirePascalCase.includes(str)) capitalString = capitalString[0].toUpperCase() + capitalString.substring(1);
|
|
271
273
|
return capitalString || '';
|
|
272
274
|
};
|
|
273
275
|
var isEmpty = function isEmpty(val) {
|
package/dist/cjs/index.js
CHANGED
|
@@ -5,50 +5,51 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
require('@appbaseio/reactivecore');
|
|
6
6
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
7
7
|
require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
8
|
-
require('vue');
|
|
9
8
|
require('vue-types');
|
|
10
9
|
require('@appbaseio/reactivecore/lib/utils/helper');
|
|
11
|
-
require('@appbaseio/vue-emotion');
|
|
12
10
|
require('emotion');
|
|
11
|
+
require('@appbaseio/vue-emotion');
|
|
13
12
|
require('polished');
|
|
14
|
-
require('./Button-
|
|
15
|
-
require('./vueTypes-
|
|
16
|
-
require('./Pagination-
|
|
13
|
+
require('./Button-841fd06d.js');
|
|
14
|
+
require('./vueTypes-b7007f5f.js');
|
|
15
|
+
require('./Pagination-e56a5b79.js');
|
|
17
16
|
var ReactiveList = require('./ReactiveList.js');
|
|
18
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
19
18
|
require('redux');
|
|
20
|
-
require('./index-
|
|
21
|
-
require('./ComponentWrapper-
|
|
22
|
-
require('./PreferencesConsumer-
|
|
23
|
-
require('
|
|
24
|
-
require('./
|
|
25
|
-
require('./
|
|
26
|
-
require('./
|
|
19
|
+
require('./index-de136c17.js');
|
|
20
|
+
require('./ComponentWrapper-94c50228.js');
|
|
21
|
+
require('./PreferencesConsumer-5e6e84a2.js');
|
|
22
|
+
require('@vue/babel-helper-vue-jsx-merge-props');
|
|
23
|
+
require('./Title-16042ea0.js');
|
|
24
|
+
require('./ListItem-5088bd6a.js');
|
|
25
|
+
require('./Card-240f283d.js');
|
|
26
|
+
require('./Flex-ddd7cb6b.js');
|
|
27
27
|
require('@appbaseio/reactivecore/lib/actions/analytics');
|
|
28
28
|
require('appbase-js');
|
|
29
29
|
require('@appbaseio/analytics');
|
|
30
30
|
require('url-search-params-polyfill');
|
|
31
31
|
var ReactiveBase = require('./ReactiveBase.js');
|
|
32
32
|
require('hotkeys-js');
|
|
33
|
-
|
|
34
|
-
require('./CancelSvg-
|
|
35
|
-
require('./Input-
|
|
33
|
+
require('./Tags-4ec43831.js');
|
|
34
|
+
require('./CancelSvg-220a7cc3.js');
|
|
35
|
+
require('./Input-ead4cd84.js');
|
|
36
36
|
require('compute-scroll-into-view');
|
|
37
|
-
require('./Container-
|
|
37
|
+
require('./Container-e699ea95.js');
|
|
38
38
|
require('vue-highlight-words');
|
|
39
|
-
require('
|
|
40
|
-
var
|
|
39
|
+
var DataSearch = require('./DataSearch.js');
|
|
40
|
+
var ReactiveComponentPrivate = require('./ReactiveComponentPrivate-244c6055.js');
|
|
41
41
|
require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
42
|
-
require('./FormControlList-
|
|
42
|
+
require('./FormControlList-bbb5cd24.js');
|
|
43
43
|
require('./utils-83fd01e9.js');
|
|
44
44
|
var SingleList = require('./SingleList.js');
|
|
45
45
|
var MultiList = require('./MultiList.js');
|
|
46
|
-
require('./DropDown-
|
|
46
|
+
require('./DropDown-7a52c661.js');
|
|
47
47
|
var SingleDropdownList = require('./SingleDropdownList.js');
|
|
48
48
|
var MultiDropdownList = require('./MultiDropdownList.js');
|
|
49
49
|
var ToggleButton = require('./ToggleButton.js');
|
|
50
|
+
var ReactiveComponent = require('./ReactiveComponent.js');
|
|
50
51
|
require('vue-no-ssr');
|
|
51
|
-
require('./ssr-
|
|
52
|
+
require('./ssr-f2fc1bf6.js');
|
|
52
53
|
var DynamicRangeSlider = require('./DynamicRangeSlider.js');
|
|
53
54
|
var SingleRange = require('./SingleRange.js');
|
|
54
55
|
var MultiRange = require('./MultiRange.js');
|
|
@@ -58,7 +59,7 @@ var SelectedFilters = require('./SelectedFilters.js');
|
|
|
58
59
|
var ResultCard = require('./ResultCard.js');
|
|
59
60
|
var ResultList = require('./ResultList.js');
|
|
60
61
|
var StateProvider = require('./StateProvider.js');
|
|
61
|
-
require('vue
|
|
62
|
+
require('gmap-vue');
|
|
62
63
|
require('ngeohash');
|
|
63
64
|
var ReactiveGoogleMap = require('./ReactiveGoogleMap.js');
|
|
64
65
|
require('@appbaseio/reactivecore/lib/reducers/valueReducer');
|
|
@@ -90,14 +91,15 @@ Object.defineProperty(exports, 'componentTypes', {
|
|
|
90
91
|
});
|
|
91
92
|
exports.ReactiveList = ReactiveList.default;
|
|
92
93
|
exports.ReactiveBase = ReactiveBase.default;
|
|
93
|
-
exports.DataSearch = DataSearch.
|
|
94
|
-
exports.
|
|
95
|
-
exports.SearchBox =
|
|
94
|
+
exports.DataSearch = DataSearch.default;
|
|
95
|
+
exports.ReactiveComponentPrivate = ReactiveComponentPrivate.ReactiveComponentPrivate;
|
|
96
|
+
exports.SearchBox = ReactiveComponentPrivate.SearchBox;
|
|
96
97
|
exports.SingleList = SingleList.default;
|
|
97
98
|
exports.MultiList = MultiList.default;
|
|
98
99
|
exports.SingleDropdownList = SingleDropdownList.default;
|
|
99
100
|
exports.MultiDropdownList = MultiDropdownList.default;
|
|
100
101
|
exports.ToggleButton = ToggleButton.default;
|
|
102
|
+
exports.ReactiveComponent = ReactiveComponent.default;
|
|
101
103
|
exports.DynamicRangeSlider = DynamicRangeSlider.default;
|
|
102
104
|
exports.SingleRange = SingleRange.default;
|
|
103
105
|
exports.MultiRange = MultiRange.default;
|
|
@@ -382,7 +382,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
382
382
|
var rawData = {};
|
|
383
383
|
var customData = {};
|
|
384
384
|
var settingsResponse = {};
|
|
385
|
-
var timestamp = {};
|
|
386
385
|
var allPromises = orderOfQueries.map(function (component) {
|
|
387
386
|
return new Promise(function (responseResolve, responseReject) {
|
|
388
387
|
handleTransformResponse(res[component], component).then(function (response) {
|
|
@@ -409,7 +408,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
409
408
|
var _extends6;
|
|
410
409
|
aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
|
|
411
410
|
}
|
|
412
|
-
timestamp[component] = res._timestamp;
|
|
413
411
|
var hitsObj = response.hits ? response.hits : response[component].hits;
|
|
414
412
|
hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
|
|
415
413
|
hits: hitsObj.hits,
|
|
@@ -426,7 +424,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
|
|
|
426
424
|
Promise.all(allPromises).then(function () {
|
|
427
425
|
state = _rollupPluginBabelHelpers._extends({}, state, {
|
|
428
426
|
hits: hits,
|
|
429
|
-
timestamp: timestamp,
|
|
430
427
|
aggregations: aggregations,
|
|
431
428
|
compositeAggregations: compositeAggregations,
|
|
432
429
|
promotedResults: promotedResults,
|
package/dist/cjs/install.js
CHANGED
|
@@ -5,50 +5,51 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
require('@appbaseio/reactivecore');
|
|
6
6
|
require('@appbaseio/reactivecore/lib/utils/constants');
|
|
7
7
|
require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
8
|
-
require('vue');
|
|
9
8
|
require('vue-types');
|
|
10
9
|
require('@appbaseio/reactivecore/lib/utils/helper');
|
|
11
|
-
require('@appbaseio/vue-emotion');
|
|
12
10
|
require('emotion');
|
|
11
|
+
require('@appbaseio/vue-emotion');
|
|
13
12
|
require('polished');
|
|
14
|
-
require('./Button-
|
|
15
|
-
require('./vueTypes-
|
|
16
|
-
require('./Pagination-
|
|
13
|
+
require('./Button-841fd06d.js');
|
|
14
|
+
require('./vueTypes-b7007f5f.js');
|
|
15
|
+
require('./Pagination-e56a5b79.js');
|
|
17
16
|
var ReactiveList = require('./ReactiveList.js');
|
|
18
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
19
18
|
require('redux');
|
|
20
|
-
require('./index-
|
|
21
|
-
require('./ComponentWrapper-
|
|
22
|
-
require('./PreferencesConsumer-
|
|
23
|
-
require('
|
|
24
|
-
require('./
|
|
25
|
-
require('./
|
|
26
|
-
require('./
|
|
19
|
+
require('./index-de136c17.js');
|
|
20
|
+
require('./ComponentWrapper-94c50228.js');
|
|
21
|
+
require('./PreferencesConsumer-5e6e84a2.js');
|
|
22
|
+
require('@vue/babel-helper-vue-jsx-merge-props');
|
|
23
|
+
require('./Title-16042ea0.js');
|
|
24
|
+
require('./ListItem-5088bd6a.js');
|
|
25
|
+
require('./Card-240f283d.js');
|
|
26
|
+
require('./Flex-ddd7cb6b.js');
|
|
27
27
|
require('@appbaseio/reactivecore/lib/actions/analytics');
|
|
28
28
|
require('appbase-js');
|
|
29
29
|
require('@appbaseio/analytics');
|
|
30
30
|
require('url-search-params-polyfill');
|
|
31
31
|
var ReactiveBase = require('./ReactiveBase.js');
|
|
32
32
|
require('hotkeys-js');
|
|
33
|
-
|
|
34
|
-
require('./CancelSvg-
|
|
35
|
-
require('./Input-
|
|
33
|
+
require('./Tags-4ec43831.js');
|
|
34
|
+
require('./CancelSvg-220a7cc3.js');
|
|
35
|
+
require('./Input-ead4cd84.js');
|
|
36
36
|
require('compute-scroll-into-view');
|
|
37
|
-
require('./Container-
|
|
37
|
+
require('./Container-e699ea95.js');
|
|
38
38
|
require('vue-highlight-words');
|
|
39
|
-
require('
|
|
40
|
-
var
|
|
39
|
+
var DataSearch = require('./DataSearch.js');
|
|
40
|
+
var ReactiveComponentPrivate = require('./ReactiveComponentPrivate-244c6055.js');
|
|
41
41
|
require('@appbaseio/reactivecore/lib/utils/suggestions');
|
|
42
|
-
require('./FormControlList-
|
|
42
|
+
require('./FormControlList-bbb5cd24.js');
|
|
43
43
|
require('./utils-83fd01e9.js');
|
|
44
44
|
var SingleList = require('./SingleList.js');
|
|
45
45
|
var MultiList = require('./MultiList.js');
|
|
46
|
-
require('./DropDown-
|
|
46
|
+
require('./DropDown-7a52c661.js');
|
|
47
47
|
var SingleDropdownList = require('./SingleDropdownList.js');
|
|
48
48
|
var MultiDropdownList = require('./MultiDropdownList.js');
|
|
49
49
|
var ToggleButton = require('./ToggleButton.js');
|
|
50
|
+
var ReactiveComponent = require('./ReactiveComponent.js');
|
|
50
51
|
require('vue-no-ssr');
|
|
51
|
-
require('./ssr-
|
|
52
|
+
require('./ssr-f2fc1bf6.js');
|
|
52
53
|
var DynamicRangeSlider = require('./DynamicRangeSlider.js');
|
|
53
54
|
var SingleRange = require('./SingleRange.js');
|
|
54
55
|
var MultiRange = require('./MultiRange.js');
|
|
@@ -59,7 +60,7 @@ var ResultCard = require('./ResultCard.js');
|
|
|
59
60
|
var ResultList = require('./ResultList.js');
|
|
60
61
|
var StateProvider = require('./StateProvider.js');
|
|
61
62
|
|
|
62
|
-
var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, DataSearch.
|
|
63
|
+
var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, DataSearch.default, ReactiveComponentPrivate.SearchBox, SingleList.default, MultiList.default, SingleRange.default, MultiRange.default, RangeSlider.default, DynamicRangeSlider.default, ReactiveComponent.default, ReactiveComponentPrivate.ReactiveComponentPrivate, SelectedFilters.default, ToggleButton.default, SingleDropdownList.default, MultiDropdownList.default, StateProvider.default, RangeInput.default];
|
|
63
64
|
function install (Vue) {
|
|
64
65
|
components.map(function (component) {
|
|
65
66
|
Vue.use(component);
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
6
|
+
var styled = require('@appbaseio/vue-emotion');
|
|
7
|
+
var styled__default = _interopDefault(styled);
|
|
8
|
+
var NoSSR = _interopDefault(require('vue-no-ssr'));
|
|
9
|
+
|
|
10
|
+
var _templateObject;
|
|
11
|
+
var Slider = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Caution: Please do not change this file without having a discussion with the Team.
|
|
15
|
+
* Any change may break the umd build, we're directly replacing the line no: 14
|
|
16
|
+
* `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
|
|
17
|
+
*/
|
|
18
|
+
// eslint-disable-next-line
|
|
19
|
+
var getComponents = function getComponents() {
|
|
20
|
+
var components = {
|
|
21
|
+
NoSSR: NoSSR
|
|
22
|
+
};
|
|
23
|
+
if (process.browser) {
|
|
24
|
+
try {
|
|
25
|
+
// in older versions of nuxt, it's process.BROWSER_BUILD
|
|
26
|
+
// eslint-disable-next-line
|
|
27
|
+
components['vue-slider-component'] = require('vue-slider-component');
|
|
28
|
+
} catch (e) {
|
|
29
|
+
console.error('Unable to load vue-slider', e);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return components;
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
exports.Slider = Slider;
|
|
36
|
+
exports.getComponents = getComponents;
|
package/dist/cjs/version.js
CHANGED
|
@@ -99,7 +99,7 @@ var types = {
|
|
|
99
99
|
params: VueTypes.object.isRequired,
|
|
100
100
|
props: VueTypes.object,
|
|
101
101
|
rangeLabelsAlign: VueTypes.oneOf(['left', 'right']),
|
|
102
|
-
title: VueTypes.oneOfType([VueTypes.string, VueTypes.
|
|
102
|
+
title: VueTypes.oneOfType([VueTypes.string, VueTypes.any]),
|
|
103
103
|
tooltipTrigger: VueTypes.oneOf(['always', 'none', 'hover']),
|
|
104
104
|
location: VueTypes.custom(validateLocation),
|
|
105
105
|
unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
|
|
@@ -119,7 +119,8 @@ var types = {
|
|
|
119
119
|
userId: VueTypes.string,
|
|
120
120
|
useCache: VueTypes.bool,
|
|
121
121
|
customEvents: VueTypes.object,
|
|
122
|
-
enableTelemetry: VueTypes.bool.def(true)
|
|
122
|
+
enableTelemetry: VueTypes.bool.def(true),
|
|
123
|
+
queryParams: VueTypes.object
|
|
123
124
|
}).def({}),
|
|
124
125
|
mongodb: VueTypes.shape({
|
|
125
126
|
db: VueTypes.string,
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
|
|
2
|
+
import { css } from 'emotion';
|
|
3
|
+
import styled from '@appbaseio/vue-emotion';
|
|
4
|
+
import { darken, rgba, lighten } from 'polished';
|
|
5
|
+
|
|
6
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
7
|
+
var filters = function filters(_ref) {
|
|
8
|
+
var borderColor = _ref.colors.borderColor;
|
|
9
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
|
|
10
|
+
};
|
|
11
|
+
var pagination = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\tbutton {\n\t\tmargin: 0 3px;\n\t}\n"])));
|
|
12
|
+
var toggleButtons = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
|
|
13
|
+
var numberBoxContainer = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\tbutton {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
|
|
14
|
+
var primary = function primary(_ref2) {
|
|
15
|
+
var theme = _ref2.theme;
|
|
16
|
+
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.primaryColor, theme.colors.primaryTextColor, darken(0.1, theme.colors.primaryColor));
|
|
17
|
+
};
|
|
18
|
+
var large = function large() {
|
|
19
|
+
return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"])));
|
|
20
|
+
};
|
|
21
|
+
var disabled = function disabled(_ref3) {
|
|
22
|
+
var theme = _ref3.theme;
|
|
23
|
+
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
|
|
24
|
+
};
|
|
25
|
+
var Button = styled('button')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
|
|
26
|
+
var theme = _ref4.theme;
|
|
27
|
+
return theme.colors.backgroundColor || '#eee';
|
|
28
|
+
}, function (_ref5) {
|
|
29
|
+
var theme = _ref5.theme;
|
|
30
|
+
return theme.colors.textColor;
|
|
31
|
+
}, function (_ref6) {
|
|
32
|
+
var theme = _ref6.theme;
|
|
33
|
+
return theme.colors.backgroundColor ? darken(0.1, theme.colors.backgroundColor) : '#ccc';
|
|
34
|
+
}, function (_ref7) {
|
|
35
|
+
var theme = _ref7.theme;
|
|
36
|
+
return rgba(theme.colors.primaryColor, 0.6);
|
|
37
|
+
}, function (_ref8) {
|
|
38
|
+
var theme = _ref8.theme;
|
|
39
|
+
return "0 0 0 2px " + rgba(theme.colors.primaryColor, 0.3);
|
|
40
|
+
}, function (props) {
|
|
41
|
+
return props.primary ? primary : null;
|
|
42
|
+
}, function (props) {
|
|
43
|
+
return props.disabled ? disabled : null;
|
|
44
|
+
}, function (props) {
|
|
45
|
+
return props.large && large;
|
|
46
|
+
});
|
|
47
|
+
var loadMoreContainer = css({
|
|
48
|
+
margin: '5px 0',
|
|
49
|
+
display: 'flex',
|
|
50
|
+
justifyContent: 'center'
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
export { Button as B, filters as f, loadMoreContainer as l, pagination as p, toggleButtons as t };
|
|
@@ -1,32 +1,29 @@
|
|
|
1
1
|
import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
|
|
2
|
-
import {
|
|
3
|
-
import { styled } from '@appbaseio/vue-emotion';
|
|
2
|
+
import styled, { css } from '@appbaseio/vue-emotion';
|
|
4
3
|
import computeScrollIntoView from 'compute-scroll-into-view';
|
|
5
4
|
|
|
6
5
|
var _templateObject;
|
|
7
6
|
var InputWrapper = styled('span')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
8
7
|
|
|
9
|
-
var _templateObject$1;
|
|
8
|
+
var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
|
|
10
9
|
var IconGroup = styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
|
|
11
10
|
var positionType = _ref.positionType;
|
|
12
11
|
if (positionType === 'absolute') {
|
|
13
|
-
return "\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t";
|
|
12
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t"])));
|
|
14
13
|
}
|
|
15
14
|
return null;
|
|
16
15
|
}, function (_ref2) {
|
|
17
16
|
var groupPosition = _ref2.groupPosition;
|
|
18
|
-
return groupPosition === 'right' ? "\n\t\t\t\t\tright: 0;\n\t\t\t " : "\n\t\t\t\t\tleft: 0;\n\t\t\t ";
|
|
17
|
+
return groupPosition === 'right' ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tright: 0;\n\t\t\t "]))) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tleft: 0;\n\t\t\t "])));
|
|
19
18
|
});
|
|
20
19
|
|
|
21
20
|
var _templateObject$2;
|
|
22
|
-
var IconWrapper = styled('div')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
return theme.colors ? theme.colors.primaryColor : 'unset';
|
|
21
|
+
var IconWrapper = styled('div')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;min-width:20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform:scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
|
|
22
|
+
var theme = _ref.theme;
|
|
23
|
+
return theme.colors.primaryColor;
|
|
26
24
|
}, function (_ref2) {
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
return theme.colors ? theme.colors.borderColor : '#000';
|
|
25
|
+
var theme = _ref2.theme;
|
|
26
|
+
return theme.colors.borderColor || '#000';
|
|
30
27
|
});
|
|
31
28
|
|
|
32
29
|
/**
|
|
@@ -81,7 +78,7 @@ var Downshift = {
|
|
|
81
78
|
window.addEventListener('mousedown', this.handleWindowMousedown);
|
|
82
79
|
window.addEventListener('mouseup', this.handleWindowMouseup);
|
|
83
80
|
},
|
|
84
|
-
|
|
81
|
+
beforeDestroy: function beforeDestroy() {
|
|
85
82
|
window.removeEventListener('mousedown', this.handleWindowMousedown);
|
|
86
83
|
window.removeEventListener('mouseup', this.handleWindowMouseup);
|
|
87
84
|
},
|
|
@@ -373,27 +370,37 @@ var Downshift = {
|
|
|
373
370
|
}
|
|
374
371
|
},
|
|
375
372
|
render: function render() {
|
|
373
|
+
var h = arguments[0];
|
|
376
374
|
this.items = [];
|
|
377
|
-
return
|
|
375
|
+
return h("div", {
|
|
378
376
|
"ref": "rootNode"
|
|
379
|
-
}, [this.$
|
|
377
|
+
}, [this.$scopedSlots["default"] && this.$scopedSlots["default"](_extends({}, this.getHelpersAndState()))]);
|
|
380
378
|
}
|
|
381
379
|
};
|
|
382
380
|
|
|
383
|
-
var CancelSvg =
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
"
|
|
396
|
-
|
|
397
|
-
|
|
381
|
+
var CancelSvg = {
|
|
382
|
+
functional: true,
|
|
383
|
+
render: function render(h) {
|
|
384
|
+
return h("svg", {
|
|
385
|
+
"attrs": {
|
|
386
|
+
"alt": "Clear",
|
|
387
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
388
|
+
"height": "20px",
|
|
389
|
+
"viewBox": "0 0 24 24",
|
|
390
|
+
"width": "20px"
|
|
391
|
+
},
|
|
392
|
+
"class": "cancel-icon"
|
|
393
|
+
}, [h("title", ["Clear"]), h("path", {
|
|
394
|
+
"attrs": {
|
|
395
|
+
"d": "M0 0h24v24H0V0z",
|
|
396
|
+
"fill": "none"
|
|
397
|
+
}
|
|
398
|
+
}), h("path", {
|
|
399
|
+
"attrs": {
|
|
400
|
+
"d": "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
|
|
401
|
+
}
|
|
402
|
+
})]);
|
|
403
|
+
}
|
|
404
|
+
};
|
|
398
405
|
|
|
399
406
|
export { CancelSvg as C, Downshift as D, IconWrapper as I, IconGroup as a, InputWrapper as b };
|