@appbaseio/reactivesearch-vue 1.34.0-alpha.2 → 1.34.1
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 +11024 -8760
- 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 +87 -87
- 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
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
4
|
-
var vueEmotion = require('@appbaseio/vue-emotion');
|
|
5
|
-
var polished = require('polished');
|
|
6
|
-
|
|
7
|
-
var _templateObject;
|
|
8
|
-
var leftLabel = "\n\tflex-direction: row;\n\talign-items: center;\n";
|
|
9
|
-
var rightLabel = "\n\tflex-direction: row-reverse;\n\talign-items: center;\n";
|
|
10
|
-
var topLabel = "\n\tflex-direction: column;\n";
|
|
11
|
-
var bottomLabel = "\n\tflex-direction: column-reverse;\n";
|
|
12
|
-
var border = function border(_ref) {
|
|
13
|
-
var _ref$theme$colors = _ref.theme.colors,
|
|
14
|
-
colors = _ref$theme$colors === void 0 ? {} : _ref$theme$colors;
|
|
15
|
-
return "\n\tborder: 1px solid " + (colors.borderColor || '#ccc') + ";\n";
|
|
16
|
-
};
|
|
17
|
-
var Flex = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: ", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\tsvg.cancel-icon {\n\t\tcursor: pointer;\n\t\tfill: ", ";\n\t\tflex-basis: 30px;\n\n\t\t&:hover {\n\t\t\tfill: ", ";\n\t\t}\n\t}\n"])), function (props) {
|
|
18
|
-
return props.inline ? 'inline-flex' : 'flex';
|
|
19
|
-
}, function (props) {
|
|
20
|
-
return (props.labelPosition === 'left' || props.iconPosition === 'right') && leftLabel;
|
|
21
|
-
}, function (props) {
|
|
22
|
-
return (props.labelPosition === 'right' || props.iconPosition === 'left') && rightLabel;
|
|
23
|
-
}, function (props) {
|
|
24
|
-
return props.labelPosition === 'top' && topLabel;
|
|
25
|
-
}, function (props) {
|
|
26
|
-
return props.labelPosition === 'bottom' && bottomLabel;
|
|
27
|
-
}, function (props) {
|
|
28
|
-
return props.showBorder && border;
|
|
29
|
-
}, function (props) {
|
|
30
|
-
return props.justifyContent && "\n\t\t\tjustify-content: " + props.justifyContent + ";\n\t\t";
|
|
31
|
-
}, function (props) {
|
|
32
|
-
return props.alignItems && "\n\t\t\talign-items: " + props.alignItems + ";\n\t\t";
|
|
33
|
-
}, function (props) {
|
|
34
|
-
return props.flex && "\n\t\t\tflex: " + props.flex + ";\n\t\t";
|
|
35
|
-
}, function (props) {
|
|
36
|
-
return props.direction && "\n\t\t\tflex-direction: " + props.direction + ";\n\t\t";
|
|
37
|
-
}, function (props) {
|
|
38
|
-
return props.basis && "\n\t\t\tflex-basis: " + props.basis + ";\n\t\t";
|
|
39
|
-
}, function (_ref2) {
|
|
40
|
-
var _ref2$theme$colors = _ref2.theme.colors,
|
|
41
|
-
colors = _ref2$theme$colors === void 0 ? {} : _ref2$theme$colors;
|
|
42
|
-
return colors.borderColor || polished.lighten(0.3, colors.textColor || '#fff');
|
|
43
|
-
}, function (_ref3) {
|
|
44
|
-
var theme = _ref3.theme;
|
|
45
|
-
return theme.colors ? theme.colors.textColor : '';
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
exports.Flex = Flex;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
4
|
-
var vueEmotion = require('@appbaseio/vue-emotion');
|
|
5
|
-
var polished = require('polished');
|
|
6
|
-
|
|
7
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
8
|
-
var item = {
|
|
9
|
-
width: '15px',
|
|
10
|
-
height: '15px',
|
|
11
|
-
scale: '4px'
|
|
12
|
-
};
|
|
13
|
-
var vh = "\n\tborder: 0;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tpadding: 0;\n\tposition: absolute;\n\twidth: 1px;\n\twhite-space: nowrap;\n";
|
|
14
|
-
var hideInputControl = "\n\t+ label {\n\t\tpadding-left: 0;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder: 0;\n\t\t\tmargin: 0;\n\t\t\tvisibility: hidden;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t+ label {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n";
|
|
15
|
-
var formItem = function formItem(_ref) {
|
|
16
|
-
var _ref$theme = _ref.theme,
|
|
17
|
-
theme = _ref$theme === void 0 ? {} : _ref$theme;
|
|
18
|
-
return "\n\t" + vh + ";\n\n\t&:focus {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tbox-shadow: 0 0 0 2px " + polished.lighten(0.4, theme.colors.primaryColor) + ";\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tborder-color: " + theme.colors.primaryColor + ";\n\t\t\t}\n\t\t}\n\t}\n\n\t&:active {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\ttransition-duration: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t+ label {\n\t\tposition: relative;\n\t\tuser-select: none;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\n\t\t&::before {\n\t\t\tbackground-color: #fff;\n\t\t\tborder: 1px solid " + (theme.colors.borderColor || polished.lighten(0.1, theme.colors.textColor)) + ";\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tcolor: " + theme.colors.primaryColor + ";\n\t\t\tmargin-right: calc(" + item.width + " * 0.5);\n\t\t\ttop: 50%;\n\t\t\tleft: 0;\n\t\t\twidth: " + item.width + ";\n\t\t\theight: " + item.height + ";\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t&::after {\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tbackground-color: " + theme.colors.primaryColor + ";\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + " + item.scale + " / 2);\n\t\t\twidth: calc(" + item.width + " - " + item.scale + ");\n\t\t\theight: calc(" + item.height + " - " + item.scale + ");\n\t\t\tmargin-top: calc(" + item.height + " / -2 - " + item.scale + " / -2);\n\t\t\ttransform: scale(0);\n\t\t\ttransform-origin: 50%;\n\t\t\ttransition: transform 200ms ease-out;\n\t\t}\n\t}\n";
|
|
19
|
-
};
|
|
20
|
-
var Radio = vueEmotion.styled('input')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t&:active,\n\t\t&:focus {\n\t\t\t+ label {\n\t\t\t\tcolor: ", ";\n\n\t\t\t\t&::before {\n\t\t\t\t\tanimation: none;\n\t\t\t\t\tfilter: none;\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tanimation: none;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tborder-color: ", ";\n\t\t}\n\n\t\t&::after {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n"])), formItem, function (props) {
|
|
21
|
-
return props.show ? null : hideInputControl;
|
|
22
|
-
}, function (_ref2) {
|
|
23
|
-
var theme = _ref2.theme;
|
|
24
|
-
return theme.colors.primaryColor;
|
|
25
|
-
}, function (_ref3) {
|
|
26
|
-
var theme = _ref3.theme;
|
|
27
|
-
return theme.colors.primaryColor;
|
|
28
|
-
});
|
|
29
|
-
var Checkbox = vueEmotion.styled('input')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 0;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: transparent;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + ", " / 5);\n\t\t\twidth: calc(", " / 2);\n\t\t\theight: calc(", " / 5);\n\t\t\tmargin-top: calc(", " / -2 / 2 * 0.8);\n\t\t\tborder-style: solid;\n\t\t\tborder-color: ", ";\n\t\t\tborder-width: 0 0 2px 2px;\n\t\t\tborder-radius: 0;\n\t\t\tborder-image: none;\n\t\t\ttransform: rotate(-45deg) scale(0);\n\t\t\ttransition: none;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tborder-color: ", ";\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\ttransform: rotate(-45deg) scale(1);\n\t\t\t\ttransition: transform 200ms ease-out;\n\t\t\t}\n\t\t}\n\t}\n"])), formItem, function (props) {
|
|
30
|
-
return props.show ? null : hideInputControl;
|
|
31
|
-
}, item.width, item.width, item.width, item.height, function (_ref4) {
|
|
32
|
-
var theme = _ref4.theme;
|
|
33
|
-
return theme.colors.primaryColor;
|
|
34
|
-
}, function (_ref5) {
|
|
35
|
-
var theme = _ref5.theme;
|
|
36
|
-
return theme.colors.primaryColor;
|
|
37
|
-
});
|
|
38
|
-
var UL = vueEmotion.styled('ul')(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 240px;\n\tposition: relative;\n\toverflow-y: auto;\n\tpadding-bottom: 12px;\n\n\tli {\n\t\theight 30px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tpadding-left: 2px;\n\t}\n"])));
|
|
39
|
-
|
|
40
|
-
exports.Checkbox = Checkbox;
|
|
41
|
-
exports.Radio = Radio;
|
|
42
|
-
exports.UL = UL;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
4
|
-
var vueEmotion = require('@appbaseio/vue-emotion');
|
|
5
|
-
var emotion = require('emotion');
|
|
6
|
-
|
|
7
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
8
|
-
var alertBorder = function alertBorder(_ref) {
|
|
9
|
-
var theme = _ref.theme;
|
|
10
|
-
return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
|
|
11
|
-
};
|
|
12
|
-
var input = "\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n";
|
|
13
|
-
var dark = function dark(theme) {
|
|
14
|
-
return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
|
|
15
|
-
};
|
|
16
|
-
var darkInput = function darkInput(_ref2) {
|
|
17
|
-
var theme = _ref2.theme;
|
|
18
|
-
return "\n\tbackground-color: " + theme.colors.backgroundColor + ";\n\tcolor: " + theme.colors.textColor + ";\n\t" + dark(theme) + ";\n\n\t&:focus {\n\t\tbackground-color: " + theme.colors.backgroundColor + ";\n\t}\n";
|
|
19
|
-
};
|
|
20
|
-
var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
|
|
21
|
-
var themePreset = _ref3.themePreset,
|
|
22
|
-
theme = _ref3.theme;
|
|
23
|
-
return themePreset === 'dark' && darkInput({
|
|
24
|
-
theme: theme
|
|
25
|
-
});
|
|
26
|
-
}, function (props) {
|
|
27
|
-
return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
|
|
28
|
-
}, function (props) {
|
|
29
|
-
return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
|
|
30
|
-
}, function (props) {
|
|
31
|
-
return (
|
|
32
|
-
// for clear icon
|
|
33
|
-
props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
|
|
34
|
-
);
|
|
35
|
-
}, function (props) {
|
|
36
|
-
return (
|
|
37
|
-
// for voice search icon
|
|
38
|
-
props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
|
|
39
|
-
);
|
|
40
|
-
}, function (props) {
|
|
41
|
-
return (
|
|
42
|
-
// for clear icon with search icon
|
|
43
|
-
props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
|
|
44
|
-
);
|
|
45
|
-
}, function (props) {
|
|
46
|
-
return (
|
|
47
|
-
// for voice search icon with search icon
|
|
48
|
-
props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
|
|
49
|
-
);
|
|
50
|
-
}, function (props) {
|
|
51
|
-
return (
|
|
52
|
-
// for voice search icon with clear icon
|
|
53
|
-
props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
|
|
54
|
-
);
|
|
55
|
-
}, function (props) {
|
|
56
|
-
return (
|
|
57
|
-
// for clear icon with search icon and voice search
|
|
58
|
-
props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
|
|
59
|
-
);
|
|
60
|
-
}, function (props) {
|
|
61
|
-
return props.alert && alertBorder;
|
|
62
|
-
});
|
|
63
|
-
var suggestions = function suggestions(themePreset, theme) {
|
|
64
|
-
return emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
|
|
65
|
-
};
|
|
66
|
-
var suggestionsContainer = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
|
|
67
|
-
var noSuggestions = function noSuggestions(themePreset, theme) {
|
|
68
|
-
return "\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t" + (themePreset === 'dark' && theme && dark(theme)) + "\n";
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
exports.Input = Input;
|
|
72
|
-
exports.noSuggestions = noSuggestions;
|
|
73
|
-
exports.suggestions = suggestions;
|
|
74
|
-
exports.suggestionsContainer = suggestionsContainer;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
4
|
-
var vueEmotion = require('@appbaseio/vue-emotion');
|
|
5
|
-
var polished = require('polished');
|
|
6
|
-
require('./Title-8802a218.js');
|
|
7
|
-
|
|
8
|
-
var _templateObject, _templateObject2;
|
|
9
|
-
var container = "\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n";
|
|
10
|
-
var smallImage = "\n\twidth: 100px;\n\theight: 100px;\n";
|
|
11
|
-
var Image = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 160px;\n\theight: 160px;\n\t", ";\n\tmargin: 0;\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-image: ", ";\n"])), function (props) {
|
|
12
|
-
return props.small ? smallImage : null;
|
|
13
|
-
}, function (props) {
|
|
14
|
-
return "url(" + props.src + ")";
|
|
15
|
-
});
|
|
16
|
-
var ListItem = vueEmotion.styled('a')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: auto;\n\toutline: none;\n\ttext-decoration: none;\n\tborder-radius: 0;\n\tbackground-color: ", ";\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin: 0;\n\tpadding: 10px;\n\tborder-bottom: 1px solid ", ";\n\tcolor: ", ";\n\t", "; all 0.3s ease;\n\n\t&:hover, &:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:last-child {\n\t\tborder: 0;\n\t}\n\n\th2 {\n\t\twidth: 100%;\n\t\tline-height: 1.2rem;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmargin: 0;\n\t\tpadding: 0 0 8px;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\tarticle {\n\t\twidth: ", ";\n\t\tpadding-left: ", ";\n\t\tfont-size: 0.9rem;\n\t}\n\n\t&:hover, &:focus {\n\t\tbox-shadow: 0 0 0 0 rgba(0,0,0,0.10);\n\t}\n\n\t@media (max-width: 420px) {\n\t\tmin-width: 0;\n\t\tmargin: 0;\n\t\tborder-radius: 0;\n\t\tbox-shadow: none;\n\t\tborder: 1px solid #eee;\n\n\t\t&:hover, &:focus {\n\t\t\tbox-shadow: 0;\n\t\t}\n\t}\n"])), function (_ref) {
|
|
17
|
-
var theme = _ref.theme;
|
|
18
|
-
return theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fff';
|
|
19
|
-
}, function (_ref2) {
|
|
20
|
-
var theme = _ref2.theme;
|
|
21
|
-
return theme.colors.backgroundColor ? polished.lighten(0.3, theme.colors.backgroundColor) : polished.lighten(0.68, theme.colors.textColor);
|
|
22
|
-
}, function (_ref3) {
|
|
23
|
-
var theme = _ref3.theme;
|
|
24
|
-
return theme.colors.textColor;
|
|
25
|
-
}, function (props) {
|
|
26
|
-
return props.href ? 'cursor: pointer' : null;
|
|
27
|
-
}, function (_ref4) {
|
|
28
|
-
var theme = _ref4.theme;
|
|
29
|
-
return theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fdfefd';
|
|
30
|
-
}, function (props) {
|
|
31
|
-
if (props.image) {
|
|
32
|
-
return props.small ? 'calc(100% - 100px)' : 'calc(100% - 160px)';
|
|
33
|
-
}
|
|
34
|
-
return '100%';
|
|
35
|
-
}, function (props) {
|
|
36
|
-
return props.image ? '10px' : 0;
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
exports.Image = Image;
|
|
40
|
-
exports.ListItem = ListItem;
|
|
41
|
-
exports.container = container;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
4
|
-
var vueEmotion = require('@appbaseio/vue-emotion');
|
|
5
|
-
|
|
6
|
-
var _templateObject;
|
|
7
|
-
var Title = vueEmotion.styled('h2')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"])), function (_ref) {
|
|
8
|
-
var theme = _ref.theme;
|
|
9
|
-
return theme.colors.titleColor;
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
exports.Title = Title;
|
package/dist/cjs/ssr-eb901d09.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
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 vueEmotion = require('@appbaseio/vue-emotion');
|
|
7
|
-
var NoSSR = _interopDefault(require('vue-no-ssr'));
|
|
8
|
-
|
|
9
|
-
var _templateObject;
|
|
10
|
-
var Slider = vueEmotion.styled('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"])));
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Caution: Please do not change this file without having a discussion with the Team.
|
|
14
|
-
* Any change may break the umd build, we're directly replacing the line no: 14
|
|
15
|
-
* `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
|
|
16
|
-
*/
|
|
17
|
-
// eslint-disable-next-line
|
|
18
|
-
var getComponents = function getComponents() {
|
|
19
|
-
var components = {
|
|
20
|
-
NoSSR: NoSSR
|
|
21
|
-
};
|
|
22
|
-
if (process.browser) {
|
|
23
|
-
try {
|
|
24
|
-
// in older versions of nuxt, it's process.BROWSER_BUILD
|
|
25
|
-
// eslint-disable-next-line
|
|
26
|
-
components['vue-slider-component'] = require('vue-slider-component');
|
|
27
|
-
} catch (e) {
|
|
28
|
-
console.error('Unable to load vue-slider', e);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return components;
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
exports.Slider = Slider;
|
|
35
|
-
exports.getComponents = getComponents;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
|
|
2
|
-
import { styled } from '@appbaseio/vue-emotion';
|
|
3
|
-
import { css } from 'emotion';
|
|
4
|
-
import { darken, rgba, lighten } from 'polished';
|
|
5
|
-
|
|
6
|
-
var _templateObject, _templateObject2;
|
|
7
|
-
var filters = function filters(_ref) {
|
|
8
|
-
var borderColor = _ref.colors.borderColor;
|
|
9
|
-
return "\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 " + (borderColor || '#fff') + ";\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";
|
|
10
|
-
};
|
|
11
|
-
var pagination = css(_templateObject || (_templateObject = _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 = "\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n";
|
|
13
|
-
var primary = function primary(_ref2) {
|
|
14
|
-
var theme = _ref2.theme;
|
|
15
|
-
return "\n\tbackground-color: " + theme.colors.primaryColor + ";\n\tcolor: " + theme.colors.primaryTextColor + ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + darken(0.1, theme.colors.primaryColor) + ";\n\t}\n";
|
|
16
|
-
};
|
|
17
|
-
var large = function large() {
|
|
18
|
-
return "\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n";
|
|
19
|
-
};
|
|
20
|
-
var disabled = function disabled(_ref3) {
|
|
21
|
-
var theme = _ref3.theme;
|
|
22
|
-
return "\n\tbackground-color: " + (theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fafafa') + ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + (theme.colors.backgroundColor ? lighten(0.2, theme.colors.backgroundColor) : '#fafafa') + ";\n\t}\n";
|
|
23
|
-
};
|
|
24
|
-
var Button = styled('button')(_templateObject2 || (_templateObject2 = _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) {
|
|
25
|
-
var theme = _ref4.theme;
|
|
26
|
-
return theme.colors ? theme.colors.backgroundColor : '#eee';
|
|
27
|
-
}, function (_ref5) {
|
|
28
|
-
var theme = _ref5.theme;
|
|
29
|
-
return theme.colors ? theme.colors.textColor : '';
|
|
30
|
-
}, function (_ref6) {
|
|
31
|
-
var theme = _ref6.theme;
|
|
32
|
-
return theme.colors && theme.colors.backgroundColor ? darken(0.1, theme.colors.backgroundColor) : '#ccc';
|
|
33
|
-
}, function (_ref7) {
|
|
34
|
-
var theme = _ref7.theme;
|
|
35
|
-
return theme.colors && theme.colors.primaryColor ? rgba(theme.colors.primaryColor, 0.6) : 'unset';
|
|
36
|
-
}, function (_ref8) {
|
|
37
|
-
var theme = _ref8.theme;
|
|
38
|
-
return theme.colors && theme.colors.primaryColor ? "0 0 0 2px " + rgba(theme.colors.primaryColor, 0.3) : '';
|
|
39
|
-
}, function (props) {
|
|
40
|
-
return props.primary ? primary : null;
|
|
41
|
-
}, function (props) {
|
|
42
|
-
return props.disabled ? disabled : null;
|
|
43
|
-
}, function (props) {
|
|
44
|
-
return props.large && large;
|
|
45
|
-
});
|
|
46
|
-
var loadMoreContainer = css({
|
|
47
|
-
margin: '5px 0',
|
|
48
|
-
display: 'flex',
|
|
49
|
-
justifyContent: 'center'
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
export { Button as B, filters as f, loadMoreContainer as l, pagination as p, toggleButtons as t };
|