@appbaseio/reactivesearch-vue 1.16.0-alpha.6 → 1.16.0-alpha.62

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.
Files changed (105) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +16030 -13113
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +5 -5
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/Button-446f819e.js +68 -0
  6. package/dist/cjs/{DownShift-966a58cb.js → CancelSvg-9f258f4f.js} +60 -16
  7. package/dist/cjs/Card-642547a8.js +30 -0
  8. package/dist/cjs/{ComponentWrapper-603848ed.js → ComponentWrapper-ad3dad02.js} +40 -21
  9. package/dist/cjs/{Container-6cdd3864.js → Container-daf30918.js} +3 -11
  10. package/dist/cjs/DataSearch-86914b10.js +2322 -0
  11. package/dist/cjs/DataSearch.js +18 -2151
  12. package/dist/cjs/{DropDown-f6224ac8.js → DropDown-5513ea77.js} +80 -95
  13. package/dist/cjs/DynamicRangeSlider.js +107 -43
  14. package/dist/cjs/Flex-aa517a13.js +52 -0
  15. package/dist/cjs/FormControlList-c195a592.js +47 -0
  16. package/dist/cjs/Input-e6603a7e.js +79 -0
  17. package/dist/cjs/ListItem-8c9e0d68.js +46 -0
  18. package/dist/cjs/MultiDropdownList.js +102 -68
  19. package/dist/cjs/MultiList.js +80 -50
  20. package/dist/cjs/MultiRange.js +21 -16
  21. package/dist/cjs/{Pagination-af399262.js → Pagination-fe5452fc.js} +14 -8
  22. package/dist/cjs/RangeInput.js +29 -45
  23. package/dist/cjs/RangeSlider.js +32 -30
  24. package/dist/cjs/ReactiveBase.js +87 -56
  25. package/dist/cjs/ReactiveComponent.js +75 -62
  26. package/dist/cjs/ReactiveGoogleMap.js +262 -191
  27. package/dist/cjs/ReactiveList.js +189 -241
  28. package/dist/cjs/ResultCard.js +8 -6
  29. package/dist/cjs/ResultList.js +8 -6
  30. package/dist/cjs/SelectedFilters.js +66 -34
  31. package/dist/cjs/SingleDropdownList.js +88 -60
  32. package/dist/cjs/SingleList.js +53 -35
  33. package/dist/cjs/SingleRange.js +19 -14
  34. package/dist/cjs/StateProvider.js +39 -10
  35. package/dist/cjs/{Title-65d39104.js → Title-1de7d0f4.js} +3 -11
  36. package/dist/cjs/ToggleButton.js +36 -16
  37. package/dist/cjs/{_rollupPluginBabelHelpers-4abdbfff.js → _rollupPluginBabelHelpers-c705cbe6.js} +2 -4
  38. package/dist/cjs/{index-baca18c4.js → index-6a167fe0.js} +99 -13
  39. package/dist/cjs/index.js +31 -25
  40. package/dist/cjs/initReactivesearch.js +178 -104
  41. package/dist/cjs/install-004c6aa4.js +1408 -0
  42. package/dist/cjs/install.js +42 -44
  43. package/dist/cjs/ssr-3027b848.js +39 -0
  44. package/dist/cjs/{utils-ea846a20.js → utils-d6a52588.js} +2 -2
  45. package/dist/cjs/version.js +1 -1
  46. package/dist/cjs/{vueTypes-c21f265b.js → vueTypes-6de9d2a9.js} +9 -4
  47. package/dist/es/Button-d8bc15ea.js +59 -0
  48. package/dist/es/{DownShift-92347b5e.js → CancelSvg-4cfae5fd.js} +56 -17
  49. package/dist/es/Card-450683f1.js +23 -0
  50. package/dist/es/{ComponentWrapper-c4c91949.js → ComponentWrapper-424e86fd.js} +40 -21
  51. package/dist/es/Container-ba826e96.js +10 -0
  52. package/dist/es/DataSearch-e71a1014.js +2307 -0
  53. package/dist/es/DataSearch.js +17 -2150
  54. package/dist/es/{DropDown-3d4291f1.js → DropDown-7d9a15c1.js} +79 -94
  55. package/dist/es/DynamicRangeSlider.js +107 -43
  56. package/dist/es/Flex-1f0795c3.js +47 -0
  57. package/dist/es/FormControlList-c22d64f6.js +40 -0
  58. package/dist/es/Input-7a2a9fac.js +71 -0
  59. package/dist/es/ListItem-cad14c5e.js +39 -0
  60. package/dist/es/MultiDropdownList.js +102 -68
  61. package/dist/es/MultiList.js +80 -50
  62. package/dist/es/MultiRange.js +21 -16
  63. package/dist/es/{Pagination-c2a00175.js → Pagination-3f350098.js} +14 -8
  64. package/dist/es/RangeInput.js +29 -45
  65. package/dist/es/RangeSlider.js +32 -30
  66. package/dist/es/ReactiveBase.js +87 -56
  67. package/dist/es/ReactiveComponent.js +75 -62
  68. package/dist/es/ReactiveGoogleMap.js +262 -191
  69. package/dist/es/ReactiveList.js +189 -241
  70. package/dist/es/ResultCard.js +8 -6
  71. package/dist/es/ResultList.js +8 -6
  72. package/dist/es/SelectedFilters.js +66 -34
  73. package/dist/es/SingleDropdownList.js +88 -60
  74. package/dist/es/SingleList.js +53 -35
  75. package/dist/es/SingleRange.js +19 -14
  76. package/dist/es/StateProvider.js +39 -10
  77. package/dist/es/Title-3342664a.js +10 -0
  78. package/dist/es/ToggleButton.js +36 -16
  79. package/dist/es/{_rollupPluginBabelHelpers-ecf6c03c.js → _rollupPluginBabelHelpers-76660dab.js} +2 -4
  80. package/dist/es/{index-185b6266.js → index-7788a843.js} +95 -14
  81. package/dist/es/index.js +27 -22
  82. package/dist/es/initReactivesearch.js +179 -105
  83. package/dist/es/install-b7b604cc.js +1401 -0
  84. package/dist/es/install.js +40 -46
  85. package/dist/es/ssr-b2c0b401.js +33 -0
  86. package/dist/es/{utils-57cc8789.js → utils-9e68acee.js} +2 -2
  87. package/dist/es/version.js +1 -1
  88. package/dist/es/{vueTypes-98d938a9.js → vueTypes-9326e0be.js} +9 -4
  89. package/package.json +6 -4
  90. package/dist/cjs/Button-d48d4365.js +0 -146
  91. package/dist/cjs/Card-9748fbb2.js +0 -58
  92. package/dist/cjs/Flex-befd65fc.js +0 -160
  93. package/dist/cjs/FormControlList-f3857d4b.js +0 -105
  94. package/dist/cjs/Input-95cb19f8.js +0 -178
  95. package/dist/cjs/ListItem-84d185cf.js +0 -84
  96. package/dist/cjs/ssr-3ca8a14f.js +0 -47
  97. package/dist/es/Button-27cc8574.js +0 -137
  98. package/dist/es/Card-1f93780d.js +0 -51
  99. package/dist/es/Container-88c805ef.js +0 -18
  100. package/dist/es/Flex-16d1103a.js +0 -155
  101. package/dist/es/FormControlList-96d44e7b.js +0 -98
  102. package/dist/es/Input-1159c4b5.js +0 -170
  103. package/dist/es/ListItem-d22510c9.js +0 -77
  104. package/dist/es/Title-f0217338.js +0 -18
  105. package/dist/es/ssr-a710392b.js +0 -41
@@ -1,105 +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-4abdbfff.js');
6
- var emotion = require('emotion');
7
- var styled = require('@appbaseio/vue-emotion');
8
- var styled__default = _interopDefault(styled);
9
- var polished = require('polished');
10
-
11
- function _templateObject6() {
12
- var data = _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"]);
13
-
14
- _templateObject6 = function _templateObject6() {
15
- return data;
16
- };
17
-
18
- return data;
19
- }
20
-
21
- function _templateObject5() {
22
- var data = _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"]);
23
-
24
- _templateObject5 = function _templateObject5() {
25
- return data;
26
- };
27
-
28
- return data;
29
- }
30
-
31
- function _templateObject4() {
32
- var data = _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"]);
33
-
34
- _templateObject4 = function _templateObject4() {
35
- return data;
36
- };
37
-
38
- return data;
39
- }
40
-
41
- function _templateObject3() {
42
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tbox-shadow: 0 0 0 2px ", ";\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: ", ";\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 ", ";\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tcolor: ", ";\n\t\t\tmargin-right: calc(", " * 0.5);\n\t\t\ttop: 50%;\n\t\t\tleft: 0;\n\t\t\twidth: ", ";\n\t\t\theight: ", ";\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: ", ";\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + ", " / 2);\n\t\t\twidth: calc(", " - ", ");\n\t\t\theight: calc(", " - ", ");\n\t\t\tmargin-top: calc(", " / -2 - ", " / -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"]);
43
-
44
- _templateObject3 = function _templateObject3() {
45
- return data;
46
- };
47
-
48
- return data;
49
- }
50
-
51
- function _templateObject2() {
52
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\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"]);
53
-
54
- _templateObject2 = function _templateObject2() {
55
- return data;
56
- };
57
-
58
- return data;
59
- }
60
-
61
- function _templateObject() {
62
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\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"]);
63
-
64
- _templateObject = function _templateObject() {
65
- return data;
66
- };
67
-
68
- return data;
69
- }
70
- var item = {
71
- width: '15px',
72
- height: '15px',
73
- scale: '4px'
74
- };
75
- var vh = emotion.css(_templateObject());
76
- var hideInputControl = emotion.css(_templateObject2());
77
-
78
- var formItem = function formItem(_ref) {
79
- var theme = _ref.theme;
80
- return emotion.css(_templateObject3(), vh, polished.lighten(0.4, theme.colors.primaryColor), theme.colors.primaryColor, theme.colors.borderColor || polished.lighten(0.1, theme.colors.textColor), theme.colors.primaryColor, item.width, item.width, item.height, theme.colors.primaryColor, item.scale, item.width, item.scale, item.height, item.scale, item.height, item.scale);
81
- };
82
-
83
- var Radio = styled__default('input')(_templateObject4(), formItem, function (props) {
84
- return props.show ? null : hideInputControl;
85
- }, function (_ref2) {
86
- var theme = _ref2.theme;
87
- return theme.colors.primaryColor;
88
- }, function (_ref3) {
89
- var theme = _ref3.theme;
90
- return theme.colors.primaryColor;
91
- });
92
- var Checkbox = styled__default('input')(_templateObject5(), formItem, function (props) {
93
- return props.show ? null : hideInputControl;
94
- }, item.width, item.width, item.width, item.height, function (_ref4) {
95
- var theme = _ref4.theme;
96
- return theme.colors.primaryColor;
97
- }, function (_ref5) {
98
- var theme = _ref5.theme;
99
- return theme.colors.primaryColor;
100
- });
101
- var UL = styled__default('ul')(_templateObject6());
102
-
103
- exports.Checkbox = Checkbox;
104
- exports.Radio = Radio;
105
- exports.UL = UL;
@@ -1,178 +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-4abdbfff.js');
6
- var emotion = require('emotion');
7
- var styled = require('@appbaseio/vue-emotion');
8
- var styled__default = _interopDefault(styled);
9
-
10
- function _templateObject12() {
11
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\ttop: 41px;\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", "\n"]);
12
-
13
- _templateObject12 = function _templateObject12() {
14
- return data;
15
- };
16
-
17
- return data;
18
- }
19
-
20
- function _templateObject11() {
21
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"]);
22
-
23
- _templateObject11 = function _templateObject11() {
24
- return data;
25
- };
26
-
27
- return data;
28
- }
29
-
30
- function _templateObject10() {
31
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\ttop: 41px;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 395px;\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"]);
32
-
33
- _templateObject10 = function _templateObject10() {
34
- return data;
35
- };
36
-
37
- return data;
38
- }
39
-
40
- function _templateObject9() {
41
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 48px;\n\t\t"]);
42
-
43
- _templateObject9 = function _templateObject9() {
44
- return data;
45
- };
46
-
47
- return data;
48
- }
49
-
50
- function _templateObject8() {
51
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 32px;\n\t\t"]);
52
-
53
- _templateObject8 = function _templateObject8() {
54
- return data;
55
- };
56
-
57
- return data;
58
- }
59
-
60
- function _templateObject7() {
61
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 32px;\n\t\t"]);
62
-
63
- _templateObject7 = function _templateObject7() {
64
- return data;
65
- };
66
-
67
- return data;
68
- }
69
-
70
- function _templateObject6() {
71
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-left: 32px;\n\t\t"]);
72
-
73
- _templateObject6 = function _templateObject6() {
74
- return data;
75
- };
76
-
77
- return data;
78
- }
79
-
80
- function _templateObject5() {
81
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n"]);
82
-
83
- _templateObject5 = function _templateObject5() {
84
- return data;
85
- };
86
-
87
- return data;
88
- }
89
-
90
- function _templateObject4() {
91
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"]);
92
-
93
- _templateObject4 = function _templateObject4() {
94
- return data;
95
- };
96
-
97
- return data;
98
- }
99
-
100
- function _templateObject3() {
101
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder-color: ", ";\n"]);
102
-
103
- _templateObject3 = function _templateObject3() {
104
- return data;
105
- };
106
-
107
- return data;
108
- }
109
-
110
- function _templateObject2() {
111
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n"]);
112
-
113
- _templateObject2 = function _templateObject2() {
114
- return data;
115
- };
116
-
117
- return data;
118
- }
119
-
120
- function _templateObject() {
121
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: 1px solid ", ";\n"]);
122
-
123
- _templateObject = function _templateObject() {
124
- return data;
125
- };
126
-
127
- return data;
128
- }
129
-
130
- var alertBorder = function alertBorder(_ref) {
131
- var theme = _ref.theme;
132
- return emotion.css(_templateObject(), theme.colors.alertColor);
133
- };
134
-
135
- var input = emotion.css(_templateObject2());
136
-
137
- var dark = function dark(theme) {
138
- return emotion.css(_templateObject3(), theme.colors.borderColor);
139
- };
140
-
141
- var darkInput = function darkInput(_ref2) {
142
- var theme = _ref2.theme;
143
- return emotion.css(_templateObject4(), theme.colors.backgroundColor, theme.colors.textColor, dark(theme), theme.colors.backgroundColor);
144
- };
145
-
146
- var Input = styled__default('input')(_templateObject5(), input, function (_ref3) {
147
- var themePreset = _ref3.themePreset;
148
- return themePreset === 'dark' && darkInput;
149
- }, function (props) {
150
- return props.showIcon && props.iconPosition === 'left' && emotion.css(_templateObject6());
151
- }, function (props) {
152
- return props.showIcon && props.iconPosition === 'right' && emotion.css(_templateObject7());
153
- }, function (props) {
154
- return (// for clear icon
155
- props.showClear && emotion.css(_templateObject8())
156
- );
157
- }, function (props) {
158
- return (// for clear icon with search icon
159
- props.showClear && props.showIcon && props.iconPosition === 'right' && emotion.css(_templateObject9())
160
- );
161
- }, function (props) {
162
- return props.alert && alertBorder;
163
- });
164
-
165
- var suggestions = function suggestions(themePreset, theme) {
166
- return emotion.css(_templateObject10(), themePreset === 'dark' && dark(theme));
167
- };
168
-
169
- var suggestionsContainer = emotion.css(_templateObject11());
170
-
171
- var noSuggestions = function noSuggestions(themePreset, theme) {
172
- return emotion.css(_templateObject12(), themePreset === 'dark' && dark(theme));
173
- };
174
-
175
- exports.Input = Input;
176
- exports.noSuggestions = noSuggestions;
177
- exports.suggestions = suggestions;
178
- exports.suggestionsContainer = suggestionsContainer;
@@ -1,84 +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-4abdbfff.js');
6
- var emotion = require('emotion');
7
- var styled = require('@appbaseio/vue-emotion');
8
- var styled__default = _interopDefault(styled);
9
- var polished = require('polished');
10
- require('./Title-65d39104.js');
11
-
12
- function _templateObject4() {
13
- var data = _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"]);
14
-
15
- _templateObject4 = function _templateObject4() {
16
- return data;
17
- };
18
-
19
- return data;
20
- }
21
-
22
- function _templateObject3() {
23
- var data = _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"]);
24
-
25
- _templateObject3 = function _templateObject3() {
26
- return data;
27
- };
28
-
29
- return data;
30
- }
31
-
32
- function _templateObject2() {
33
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100px;\n\theight: 100px;\n"]);
34
-
35
- _templateObject2 = function _templateObject2() {
36
- return data;
37
- };
38
-
39
- return data;
40
- }
41
-
42
- function _templateObject() {
43
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"]);
44
-
45
- _templateObject = function _templateObject() {
46
- return data;
47
- };
48
-
49
- return data;
50
- }
51
- var container = emotion.css(_templateObject());
52
- var smallImage = emotion.css(_templateObject2());
53
- var Image = styled__default('div')(_templateObject3(), function (props) {
54
- return props.small ? smallImage : null;
55
- }, function (props) {
56
- return "url(" + props.src + ")";
57
- });
58
- var ListItem = styled__default('a')(_templateObject4(), function (_ref) {
59
- var theme = _ref.theme;
60
- return theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fff';
61
- }, function (_ref2) {
62
- var theme = _ref2.theme;
63
- return theme.colors.backgroundColor ? polished.lighten(0.3, theme.colors.backgroundColor) : polished.lighten(0.68, theme.colors.textColor);
64
- }, function (_ref3) {
65
- var theme = _ref3.theme;
66
- return theme.colors.textColor;
67
- }, function (props) {
68
- return props.href ? 'cursor: pointer' : null;
69
- }, function (_ref4) {
70
- var theme = _ref4.theme;
71
- return theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fdfefd';
72
- }, function (props) {
73
- if (props.image) {
74
- return props.small ? 'calc(100% - 100px)' : 'calc(100% - 160px)';
75
- }
76
-
77
- return '100%';
78
- }, function (props) {
79
- return props.image ? '10px' : 0;
80
- });
81
-
82
- exports.Image = Image;
83
- exports.ListItem = ListItem;
84
- exports.container = container;
@@ -1,47 +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-4abdbfff.js');
6
- var styled = require('@appbaseio/vue-emotion');
7
- var styled__default = _interopDefault(styled);
8
- var NoSSR = _interopDefault(require('vue-no-ssr'));
9
-
10
- function _templateObject() {
11
- var data = _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}\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-color: #000;\n\t\tbackground-color: #000;\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
- _templateObject = function _templateObject() {
14
- return data;
15
- };
16
-
17
- return data;
18
- }
19
- var Slider = styled__default('div')(_templateObject());
20
-
21
- /**
22
- * Caution: Please do not change this file without having a discussion with the Team.
23
- * Any change may break the umd build, we're directly replacing the line no: 14
24
- * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
25
- */
26
- // eslint-disable-next-line
27
-
28
- var getComponents = function getComponents() {
29
- var components = {
30
- NoSSR: NoSSR
31
- };
32
-
33
- if (process.browser) {
34
- try {
35
- // in older versions of nuxt, it's process.BROWSER_BUILD
36
- // eslint-disable-next-line
37
- components['vue-slider-component'] = require('vue-slider-component');
38
- } catch (e) {
39
- console.error('Unable to load vue-slider', e);
40
- }
41
- }
42
-
43
- return components;
44
- };
45
-
46
- exports.Slider = Slider;
47
- exports.getComponents = getComponents;
@@ -1,137 +0,0 @@
1
- import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
2
- import { css } from 'emotion';
3
- import styled from '@appbaseio/vue-emotion';
4
- import { darken, rgba, lighten } from 'polished';
5
-
6
- function _templateObject8() {
7
- var data = _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"]);
8
-
9
- _templateObject8 = function _templateObject8() {
10
- return data;
11
- };
12
-
13
- return data;
14
- }
15
-
16
- function _templateObject7() {
17
- var data = _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"]);
18
-
19
- _templateObject7 = function _templateObject7() {
20
- return data;
21
- };
22
-
23
- return data;
24
- }
25
-
26
- function _templateObject6() {
27
- var data = _taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"]);
28
-
29
- _templateObject6 = function _templateObject6() {
30
- return data;
31
- };
32
-
33
- return data;
34
- }
35
-
36
- function _templateObject5() {
37
- var data = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"]);
38
-
39
- _templateObject5 = function _templateObject5() {
40
- return data;
41
- };
42
-
43
- return data;
44
- }
45
-
46
- function _templateObject4() {
47
- var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\ta {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"]);
48
-
49
- _templateObject4 = function _templateObject4() {
50
- return data;
51
- };
52
-
53
- return data;
54
- }
55
-
56
- function _templateObject3() {
57
- var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\n\t\tmargin: 3px 3px;\n\t}\n"]);
58
-
59
- _templateObject3 = function _templateObject3() {
60
- return data;
61
- };
62
-
63
- return data;
64
- }
65
-
66
- function _templateObject2() {
67
- var data = _taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\ta {\n\t\tmargin: 0 3px;\n\t}\n"]);
68
-
69
- _templateObject2 = function _templateObject2() {
70
- return data;
71
- };
72
-
73
- return data;
74
- }
75
-
76
- function _templateObject() {
77
- var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\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"]);
78
-
79
- _templateObject = function _templateObject() {
80
- return data;
81
- };
82
-
83
- return data;
84
- }
85
-
86
- var filters = function filters(_ref) {
87
- var borderColor = _ref.colors.borderColor;
88
- return css(_templateObject(), borderColor || '#fff');
89
- };
90
-
91
- var pagination = css(_templateObject2());
92
- var toggleButtons = css(_templateObject3());
93
- var numberBoxContainer = css(_templateObject4());
94
-
95
- var primary = function primary(_ref2) {
96
- var theme = _ref2.theme;
97
- return css(_templateObject5(), theme.colors.primaryColor, theme.colors.primaryTextColor, darken(0.1, theme.colors.primaryColor));
98
- };
99
-
100
- var large = function large() {
101
- return css(_templateObject6());
102
- };
103
-
104
- var disabled = function disabled(_ref3) {
105
- var theme = _ref3.theme;
106
- return css(_templateObject7(), theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
107
- };
108
-
109
- var Button = styled('a')(_templateObject8(), function (_ref4) {
110
- var theme = _ref4.theme;
111
- return theme.colors.backgroundColor || '#eee';
112
- }, function (_ref5) {
113
- var theme = _ref5.theme;
114
- return theme.colors.textColor;
115
- }, function (_ref6) {
116
- var theme = _ref6.theme;
117
- return theme.colors.backgroundColor ? darken(0.1, theme.colors.backgroundColor) : '#ccc';
118
- }, function (_ref7) {
119
- var theme = _ref7.theme;
120
- return rgba(theme.colors.primaryColor, 0.6);
121
- }, function (_ref8) {
122
- var theme = _ref8.theme;
123
- return "0 0 0 2px " + rgba(theme.colors.primaryColor, 0.3);
124
- }, function (props) {
125
- return props.primary ? primary : null;
126
- }, function (props) {
127
- return props.disabled ? disabled : null;
128
- }, function (props) {
129
- return props.large && large;
130
- });
131
- var loadMoreContainer = css({
132
- margin: '5px 0',
133
- display: 'flex',
134
- justifyContent: 'center'
135
- });
136
-
137
- export { Button as B, filters as f, loadMoreContainer as l, pagination as p, toggleButtons as t };
@@ -1,51 +0,0 @@
1
- import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
2
- import { css } from 'emotion';
3
- import styled from '@appbaseio/vue-emotion';
4
- import { lighten } from 'polished';
5
- import './Title-f0217338.js';
6
-
7
- function _templateObject3() {
8
- var data = _taggedTemplateLiteralLoose(["\n\twidth: auto;\n\tflex-grow: 1;\n\toutline: none;\n\ttext-decoration: none;\n\tmin-width: 240px;\n\tmax-width: 250px;\n\tborder-radius: 0.25rem;\n\tbackground-color: ", ";\n\theight: 300px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin: 8px;\n\tpadding: 10px;\n\toverflow: hidden;\n\tbox-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);\n\tcolor: ", ";\n\t", ";\n\ttransition: all 0.3s ease;\n\n\th2 {\n\t\twidth: 100%;\n\t\tfont-size: 0.9rem;\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: 10px 0 8px;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\tarticle {\n\t\tflex-grow: 1;\n\t\tfont-size: 0.9rem;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbox-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);\n\t}\n\n\t@media (max-width: 420px) {\n\t\twidth: 50%;\n\t\tmin-width: 0;\n\t\theight: 210px;\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,\n\t\t&:focus {\n\t\t\tbox-shadow: 0;\n\t\t}\n\t}\n"]);
9
-
10
- _templateObject3 = function _templateObject3() {
11
- return data;
12
- };
13
-
14
- return data;
15
- }
16
-
17
- function _templateObject2() {
18
- var data = _taggedTemplateLiteralLoose(["\n\twidth: calc(100% + 20px);\n\theight: 220px;\n\tmargin: -10px -10px 0;\n\tbackground-color: ", ";\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n"]);
19
-
20
- _templateObject2 = function _templateObject2() {
21
- return data;
22
- };
23
-
24
- return data;
25
- }
26
-
27
- function _templateObject() {
28
- var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"]);
29
-
30
- _templateObject = function _templateObject() {
31
- return data;
32
- };
33
-
34
- return data;
35
- }
36
- var container = css(_templateObject());
37
- var Image = styled('div')(_templateObject2(), function (_ref) {
38
- var colors = _ref.theme.colors;
39
- return colors.backgroundColor || '#fcfcfc';
40
- });
41
- var Card = styled('a')(_templateObject3(), function (_ref2) {
42
- var theme = _ref2.theme;
43
- return theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fff';
44
- }, function (_ref3) {
45
- var theme = _ref3.theme;
46
- return theme.colors.textColor;
47
- }, function (props) {
48
- return props.href ? 'cursor: pointer' : null;
49
- });
50
-
51
- export { Card as C, Image as I, container as c };
@@ -1,18 +0,0 @@
1
- import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
2
- import styled from '@appbaseio/vue-emotion';
3
-
4
- function _templateObject() {
5
- var data = _taggedTemplateLiteralLoose(["\n\t", ";\n"]);
6
-
7
- _templateObject = function _templateObject() {
8
- return data;
9
- };
10
-
11
- return data;
12
- }
13
- var Container = styled('div')(_templateObject(), function (_ref) {
14
- var theme = _ref.theme;
15
- return theme.component;
16
- });
17
-
18
- export { Container as C };