@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,155 +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
-
6
- function _templateObject11() {
7
- var data = _taggedTemplateLiteralLoose(["\n\t\t\tflex-basis: ", ";\n\t\t"]);
8
-
9
- _templateObject11 = function _templateObject11() {
10
- return data;
11
- };
12
-
13
- return data;
14
- }
15
-
16
- function _templateObject10() {
17
- var data = _taggedTemplateLiteralLoose(["\n\t\t\tflex-direction: ", ";\n\t\t"]);
18
-
19
- _templateObject10 = function _templateObject10() {
20
- return data;
21
- };
22
-
23
- return data;
24
- }
25
-
26
- function _templateObject9() {
27
- var data = _taggedTemplateLiteralLoose(["\n\t\t\tflex: ", ";\n\t\t"]);
28
-
29
- _templateObject9 = function _templateObject9() {
30
- return data;
31
- };
32
-
33
- return data;
34
- }
35
-
36
- function _templateObject8() {
37
- var data = _taggedTemplateLiteralLoose(["\n\t\t\talign-items: ", ";\n\t\t"]);
38
-
39
- _templateObject8 = function _templateObject8() {
40
- return data;
41
- };
42
-
43
- return data;
44
- }
45
-
46
- function _templateObject7() {
47
- var data = _taggedTemplateLiteralLoose(["\n\t\t\tjustify-content: ", ";\n\t\t"]);
48
-
49
- _templateObject7 = function _templateObject7() {
50
- return data;
51
- };
52
-
53
- return data;
54
- }
55
-
56
- function _templateObject6() {
57
- var data = _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"]);
58
-
59
- _templateObject6 = function _templateObject6() {
60
- return data;
61
- };
62
-
63
- return data;
64
- }
65
-
66
- function _templateObject5() {
67
- var data = _taggedTemplateLiteralLoose(["\n\tborder: 1px solid ", ";\n"]);
68
-
69
- _templateObject5 = function _templateObject5() {
70
- return data;
71
- };
72
-
73
- return data;
74
- }
75
-
76
- function _templateObject4() {
77
- var data = _taggedTemplateLiteralLoose(["\n\tflex-direction: column-reverse;\n"]);
78
-
79
- _templateObject4 = function _templateObject4() {
80
- return data;
81
- };
82
-
83
- return data;
84
- }
85
-
86
- function _templateObject3() {
87
- var data = _taggedTemplateLiteralLoose(["\n\tflex-direction: column;\n"]);
88
-
89
- _templateObject3 = function _templateObject3() {
90
- return data;
91
- };
92
-
93
- return data;
94
- }
95
-
96
- function _templateObject2() {
97
- var data = _taggedTemplateLiteralLoose(["\n\tflex-direction: row-reverse;\n\talign-items: center;\n"]);
98
-
99
- _templateObject2 = function _templateObject2() {
100
- return data;
101
- };
102
-
103
- return data;
104
- }
105
-
106
- function _templateObject() {
107
- var data = _taggedTemplateLiteralLoose(["\n\tflex-direction: row;\n\talign-items: center;\n"]);
108
-
109
- _templateObject = function _templateObject() {
110
- return data;
111
- };
112
-
113
- return data;
114
- }
115
- var leftLabel = css(_templateObject());
116
- var rightLabel = css(_templateObject2());
117
- var topLabel = css(_templateObject3());
118
- var bottomLabel = css(_templateObject4());
119
-
120
- var border = function border(_ref) {
121
- var colors = _ref.theme.colors;
122
- return css(_templateObject5(), colors.borderColor || '#ccc');
123
- };
124
-
125
- var Flex = styled('div')(_templateObject6(), function (props) {
126
- return props.inline ? 'inline-flex' : 'flex';
127
- }, function (props) {
128
- return (props.labelPosition === 'left' || props.iconPosition === 'right') && leftLabel;
129
- }, function (props) {
130
- return (props.labelPosition === 'right' || props.iconPosition === 'left') && rightLabel;
131
- }, function (props) {
132
- return props.labelPosition === 'top' && topLabel;
133
- }, function (props) {
134
- return props.labelPosition === 'bottom' && bottomLabel;
135
- }, function (props) {
136
- return props.showBorder && border;
137
- }, function (props) {
138
- return props.justifyContent && css(_templateObject7(), props.justifyContent);
139
- }, function (props) {
140
- return props.alignItems && css(_templateObject8(), props.alignItems);
141
- }, function (props) {
142
- return props.flex && css(_templateObject9(), props.flex);
143
- }, function (props) {
144
- return props.direction && css(_templateObject10(), props.direction);
145
- }, function (props) {
146
- return props.basis && css(_templateObject11(), props.basis);
147
- }, function (_ref2) {
148
- var colors = _ref2.theme.colors;
149
- return colors.borderColor || lighten(0.3, colors.textColor);
150
- }, function (_ref3) {
151
- var theme = _ref3.theme;
152
- return theme.colors.textColor;
153
- });
154
-
155
- export { Flex as F };
@@ -1,98 +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
-
6
- function _templateObject6() {
7
- var data = _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"]);
8
-
9
- _templateObject6 = function _templateObject6() {
10
- return data;
11
- };
12
-
13
- return data;
14
- }
15
-
16
- function _templateObject5() {
17
- var data = _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"]);
18
-
19
- _templateObject5 = function _templateObject5() {
20
- return data;
21
- };
22
-
23
- return data;
24
- }
25
-
26
- function _templateObject4() {
27
- var data = _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"]);
28
-
29
- _templateObject4 = function _templateObject4() {
30
- return data;
31
- };
32
-
33
- return data;
34
- }
35
-
36
- function _templateObject3() {
37
- var data = _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"]);
38
-
39
- _templateObject3 = function _templateObject3() {
40
- return data;
41
- };
42
-
43
- return data;
44
- }
45
-
46
- function _templateObject2() {
47
- var data = _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"]);
48
-
49
- _templateObject2 = function _templateObject2() {
50
- return data;
51
- };
52
-
53
- return data;
54
- }
55
-
56
- function _templateObject() {
57
- var data = _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"]);
58
-
59
- _templateObject = function _templateObject() {
60
- return data;
61
- };
62
-
63
- return data;
64
- }
65
- var item = {
66
- width: '15px',
67
- height: '15px',
68
- scale: '4px'
69
- };
70
- var vh = css(_templateObject());
71
- var hideInputControl = css(_templateObject2());
72
-
73
- var formItem = function formItem(_ref) {
74
- var theme = _ref.theme;
75
- return css(_templateObject3(), vh, lighten(0.4, theme.colors.primaryColor), theme.colors.primaryColor, theme.colors.borderColor || 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);
76
- };
77
-
78
- var Radio = styled('input')(_templateObject4(), formItem, function (props) {
79
- return props.show ? null : hideInputControl;
80
- }, function (_ref2) {
81
- var theme = _ref2.theme;
82
- return theme.colors.primaryColor;
83
- }, function (_ref3) {
84
- var theme = _ref3.theme;
85
- return theme.colors.primaryColor;
86
- });
87
- var Checkbox = styled('input')(_templateObject5(), formItem, function (props) {
88
- return props.show ? null : hideInputControl;
89
- }, item.width, item.width, item.width, item.height, function (_ref4) {
90
- var theme = _ref4.theme;
91
- return theme.colors.primaryColor;
92
- }, function (_ref5) {
93
- var theme = _ref5.theme;
94
- return theme.colors.primaryColor;
95
- });
96
- var UL = styled('ul')(_templateObject6());
97
-
98
- export { Checkbox as C, Radio as R, UL as U };
@@ -1,170 +0,0 @@
1
- import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
2
- import { css } from 'emotion';
3
- import styled from '@appbaseio/vue-emotion';
4
-
5
- function _templateObject12() {
6
- var data = _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"]);
7
-
8
- _templateObject12 = function _templateObject12() {
9
- return data;
10
- };
11
-
12
- return data;
13
- }
14
-
15
- function _templateObject11() {
16
- var data = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"]);
17
-
18
- _templateObject11 = function _templateObject11() {
19
- return data;
20
- };
21
-
22
- return data;
23
- }
24
-
25
- function _templateObject10() {
26
- var data = _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"]);
27
-
28
- _templateObject10 = function _templateObject10() {
29
- return data;
30
- };
31
-
32
- return data;
33
- }
34
-
35
- function _templateObject9() {
36
- var data = _taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 48px;\n\t\t"]);
37
-
38
- _templateObject9 = function _templateObject9() {
39
- return data;
40
- };
41
-
42
- return data;
43
- }
44
-
45
- function _templateObject8() {
46
- var data = _taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 32px;\n\t\t"]);
47
-
48
- _templateObject8 = function _templateObject8() {
49
- return data;
50
- };
51
-
52
- return data;
53
- }
54
-
55
- function _templateObject7() {
56
- var data = _taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 32px;\n\t\t"]);
57
-
58
- _templateObject7 = function _templateObject7() {
59
- return data;
60
- };
61
-
62
- return data;
63
- }
64
-
65
- function _templateObject6() {
66
- var data = _taggedTemplateLiteralLoose(["\n\t\t\tpadding-left: 32px;\n\t\t"]);
67
-
68
- _templateObject6 = function _templateObject6() {
69
- return data;
70
- };
71
-
72
- return data;
73
- }
74
-
75
- function _templateObject5() {
76
- var data = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n"]);
77
-
78
- _templateObject5 = function _templateObject5() {
79
- return data;
80
- };
81
-
82
- return data;
83
- }
84
-
85
- function _templateObject4() {
86
- var data = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"]);
87
-
88
- _templateObject4 = function _templateObject4() {
89
- return data;
90
- };
91
-
92
- return data;
93
- }
94
-
95
- function _templateObject3() {
96
- var data = _taggedTemplateLiteralLoose(["\n\tborder-color: ", ";\n"]);
97
-
98
- _templateObject3 = function _templateObject3() {
99
- return data;
100
- };
101
-
102
- return data;
103
- }
104
-
105
- function _templateObject2() {
106
- var data = _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"]);
107
-
108
- _templateObject2 = function _templateObject2() {
109
- return data;
110
- };
111
-
112
- return data;
113
- }
114
-
115
- function _templateObject() {
116
- var data = _taggedTemplateLiteralLoose(["\n\tborder: 1px solid ", ";\n"]);
117
-
118
- _templateObject = function _templateObject() {
119
- return data;
120
- };
121
-
122
- return data;
123
- }
124
-
125
- var alertBorder = function alertBorder(_ref) {
126
- var theme = _ref.theme;
127
- return css(_templateObject(), theme.colors.alertColor);
128
- };
129
-
130
- var input = css(_templateObject2());
131
-
132
- var dark = function dark(theme) {
133
- return css(_templateObject3(), theme.colors.borderColor);
134
- };
135
-
136
- var darkInput = function darkInput(_ref2) {
137
- var theme = _ref2.theme;
138
- return css(_templateObject4(), theme.colors.backgroundColor, theme.colors.textColor, dark(theme), theme.colors.backgroundColor);
139
- };
140
-
141
- var Input = styled('input')(_templateObject5(), input, function (_ref3) {
142
- var themePreset = _ref3.themePreset;
143
- return themePreset === 'dark' && darkInput;
144
- }, function (props) {
145
- return props.showIcon && props.iconPosition === 'left' && css(_templateObject6());
146
- }, function (props) {
147
- return props.showIcon && props.iconPosition === 'right' && css(_templateObject7());
148
- }, function (props) {
149
- return (// for clear icon
150
- props.showClear && css(_templateObject8())
151
- );
152
- }, function (props) {
153
- return (// for clear icon with search icon
154
- props.showClear && props.showIcon && props.iconPosition === 'right' && css(_templateObject9())
155
- );
156
- }, function (props) {
157
- return props.alert && alertBorder;
158
- });
159
-
160
- var suggestions = function suggestions(themePreset, theme) {
161
- return css(_templateObject10(), themePreset === 'dark' && dark(theme));
162
- };
163
-
164
- var suggestionsContainer = css(_templateObject11());
165
-
166
- var noSuggestions = function noSuggestions(themePreset, theme) {
167
- return css(_templateObject12(), themePreset === 'dark' && dark(theme));
168
- };
169
-
170
- export { Input as I, suggestions as a, noSuggestions as n, suggestionsContainer as s };
@@ -1,77 +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 _templateObject4() {
8
- var data = _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"]);
9
-
10
- _templateObject4 = function _templateObject4() {
11
- return data;
12
- };
13
-
14
- return data;
15
- }
16
-
17
- function _templateObject3() {
18
- var data = _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"]);
19
-
20
- _templateObject3 = function _templateObject3() {
21
- return data;
22
- };
23
-
24
- return data;
25
- }
26
-
27
- function _templateObject2() {
28
- var data = _taggedTemplateLiteralLoose(["\n\twidth: 100px;\n\theight: 100px;\n"]);
29
-
30
- _templateObject2 = function _templateObject2() {
31
- return data;
32
- };
33
-
34
- return data;
35
- }
36
-
37
- function _templateObject() {
38
- var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"]);
39
-
40
- _templateObject = function _templateObject() {
41
- return data;
42
- };
43
-
44
- return data;
45
- }
46
- var container = css(_templateObject());
47
- var smallImage = css(_templateObject2());
48
- var Image = styled('div')(_templateObject3(), function (props) {
49
- return props.small ? smallImage : null;
50
- }, function (props) {
51
- return "url(" + props.src + ")";
52
- });
53
- var ListItem = styled('a')(_templateObject4(), function (_ref) {
54
- var theme = _ref.theme;
55
- return theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fff';
56
- }, function (_ref2) {
57
- var theme = _ref2.theme;
58
- return theme.colors.backgroundColor ? lighten(0.3, theme.colors.backgroundColor) : lighten(0.68, theme.colors.textColor);
59
- }, function (_ref3) {
60
- var theme = _ref3.theme;
61
- return theme.colors.textColor;
62
- }, function (props) {
63
- return props.href ? 'cursor: pointer' : null;
64
- }, function (_ref4) {
65
- var theme = _ref4.theme;
66
- return theme.colors.backgroundColor ? lighten(0.2, theme.colors.backgroundColor) : '#fdfefd';
67
- }, function (props) {
68
- if (props.image) {
69
- return props.small ? 'calc(100% - 100px)' : 'calc(100% - 160px)';
70
- }
71
-
72
- return '100%';
73
- }, function (props) {
74
- return props.image ? '10px' : 0;
75
- });
76
-
77
- export { Image as I, ListItem as L, 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\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"]);
6
-
7
- _templateObject = function _templateObject() {
8
- return data;
9
- };
10
-
11
- return data;
12
- }
13
- var Title = styled('h2')(_templateObject(), function (_ref) {
14
- var theme = _ref.theme;
15
- return theme.colors.titleColor;
16
- });
17
-
18
- export { Title as T };
@@ -1,41 +0,0 @@
1
- import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
2
- import styled from '@appbaseio/vue-emotion';
3
- import NoSSR from 'vue-no-ssr';
4
-
5
- function _templateObject() {
6
- var data = _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"]);
7
-
8
- _templateObject = function _templateObject() {
9
- return data;
10
- };
11
-
12
- return data;
13
- }
14
- var Slider = styled('div')(_templateObject());
15
-
16
- /**
17
- * Caution: Please do not change this file without having a discussion with the Team.
18
- * Any change may break the umd build, we're directly replacing the line no: 14
19
- * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
20
- */
21
- // eslint-disable-next-line
22
-
23
- var getComponents = function getComponents() {
24
- var components = {
25
- NoSSR: NoSSR
26
- };
27
-
28
- if (process.browser) {
29
- try {
30
- // in older versions of nuxt, it's process.BROWSER_BUILD
31
- // eslint-disable-next-line
32
- components['vue-slider-component'] = require('vue-slider-component');
33
- } catch (e) {
34
- console.error('Unable to load vue-slider', e);
35
- }
36
- }
37
-
38
- return components;
39
- };
40
-
41
- export { Slider as S, getComponents as g };