@appbaseio/reactivesearch-vue 1.16.0-alpha.3 → 1.16.0-alpha.32

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 (101) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +6388 -5403
  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-d2f1aeda.js +68 -0
  6. package/dist/cjs/{DownShift-b09da079.js → CancelSvg-82021d23.js} +60 -16
  7. package/dist/cjs/Card-4b915733.js +30 -0
  8. package/dist/cjs/{ComponentWrapper-5a0a8849.js → ComponentWrapper-7302fe1a.js} +40 -21
  9. package/dist/cjs/{Container-f84e72fc.js → Container-8a08d663.js} +3 -11
  10. package/dist/cjs/DataSearch.js +341 -391
  11. package/dist/cjs/{DropDown-c66be1a8.js → DropDown-c46d8b0c.js} +80 -95
  12. package/dist/cjs/DynamicRangeSlider.js +81 -25
  13. package/dist/cjs/Flex-699639d2.js +52 -0
  14. package/dist/cjs/FormControlList-73497794.js +47 -0
  15. package/dist/cjs/Input-c6f181d5.js +79 -0
  16. package/dist/cjs/ListItem-933c27e4.js +46 -0
  17. package/dist/cjs/MultiDropdownList.js +71 -46
  18. package/dist/cjs/MultiList.js +49 -29
  19. package/dist/cjs/MultiRange.js +20 -14
  20. package/dist/cjs/{Pagination-91df3b77.js → Pagination-1b2320a7.js} +4 -3
  21. package/dist/cjs/RangeInput.js +29 -45
  22. package/dist/cjs/RangeSlider.js +31 -28
  23. package/dist/cjs/ReactiveBase.js +55 -34
  24. package/dist/cjs/ReactiveComponent.js +80 -36
  25. package/dist/cjs/ReactiveGoogleMap.js +326 -235
  26. package/dist/cjs/ReactiveList.js +149 -202
  27. package/dist/cjs/ResultCard.js +8 -6
  28. package/dist/cjs/ResultList.js +8 -6
  29. package/dist/cjs/SelectedFilters.js +25 -12
  30. package/dist/cjs/SingleDropdownList.js +70 -45
  31. package/dist/cjs/SingleList.js +44 -26
  32. package/dist/cjs/SingleRange.js +17 -11
  33. package/dist/cjs/StateProvider.js +11 -7
  34. package/dist/cjs/{Title-e9beb554.js → Title-39765ee6.js} +3 -11
  35. package/dist/cjs/ToggleButton.js +35 -16
  36. package/dist/cjs/{_rollupPluginBabelHelpers-280a574c.js → _rollupPluginBabelHelpers-4abdbfff.js} +11 -1
  37. package/dist/cjs/{index-e0583d76.js → index-d44a0a21.js} +87 -13
  38. package/dist/cjs/index.js +23 -19
  39. package/dist/cjs/initReactivesearch.js +80 -38
  40. package/dist/cjs/install.js +20 -18
  41. package/dist/cjs/ssr-c333c82c.js +39 -0
  42. package/dist/cjs/{utils-d1ea9f95.js → utils-23afb20b.js} +2 -2
  43. package/dist/cjs/version.js +1 -1
  44. package/dist/cjs/{vueTypes-c21f265b.js → vueTypes-6de9d2a9.js} +9 -4
  45. package/dist/es/Button-799185e2.js +59 -0
  46. package/dist/es/{DownShift-d8f2500f.js → CancelSvg-4d9e0857.js} +56 -17
  47. package/dist/es/Card-04b3c33e.js +23 -0
  48. package/dist/es/{ComponentWrapper-d0b21b95.js → ComponentWrapper-bbb717bc.js} +40 -21
  49. package/dist/es/Container-4383c6f0.js +10 -0
  50. package/dist/es/DataSearch.js +339 -389
  51. package/dist/es/{DropDown-5dbd69c2.js → DropDown-4edaa621.js} +79 -94
  52. package/dist/es/DynamicRangeSlider.js +81 -25
  53. package/dist/es/Flex-aac91505.js +47 -0
  54. package/dist/es/FormControlList-fe389a2e.js +40 -0
  55. package/dist/es/Input-d8519224.js +71 -0
  56. package/dist/es/ListItem-bdb6d53d.js +39 -0
  57. package/dist/es/MultiDropdownList.js +71 -46
  58. package/dist/es/MultiList.js +49 -29
  59. package/dist/es/MultiRange.js +20 -14
  60. package/dist/es/{Pagination-800af44f.js → Pagination-b3e4054a.js} +4 -3
  61. package/dist/es/RangeInput.js +29 -45
  62. package/dist/es/RangeSlider.js +31 -28
  63. package/dist/es/ReactiveBase.js +55 -34
  64. package/dist/es/ReactiveComponent.js +80 -36
  65. package/dist/es/ReactiveGoogleMap.js +326 -235
  66. package/dist/es/ReactiveList.js +149 -202
  67. package/dist/es/ResultCard.js +8 -6
  68. package/dist/es/ResultList.js +8 -6
  69. package/dist/es/SelectedFilters.js +25 -12
  70. package/dist/es/SingleDropdownList.js +70 -45
  71. package/dist/es/SingleList.js +44 -26
  72. package/dist/es/SingleRange.js +17 -11
  73. package/dist/es/StateProvider.js +11 -7
  74. package/dist/es/Title-579f8d6c.js +10 -0
  75. package/dist/es/ToggleButton.js +35 -16
  76. package/dist/es/{_rollupPluginBabelHelpers-c9fbe19f.js → _rollupPluginBabelHelpers-ecf6c03c.js} +11 -1
  77. package/dist/es/{index-1fe91a0a.js → index-5daa8276.js} +84 -14
  78. package/dist/es/index.js +23 -19
  79. package/dist/es/initReactivesearch.js +80 -38
  80. package/dist/es/install.js +20 -18
  81. package/dist/es/ssr-e3196de1.js +33 -0
  82. package/dist/es/{utils-ce3d86fd.js → utils-3a32e13f.js} +2 -2
  83. package/dist/es/version.js +1 -1
  84. package/dist/es/{vueTypes-98d938a9.js → vueTypes-9326e0be.js} +9 -4
  85. package/package.json +86 -78
  86. package/dist/cjs/Button-78d8bc26.js +0 -146
  87. package/dist/cjs/Card-b4af314f.js +0 -58
  88. package/dist/cjs/Flex-737c55be.js +0 -160
  89. package/dist/cjs/FormControlList-08dfb28e.js +0 -105
  90. package/dist/cjs/Input-643d02a7.js +0 -178
  91. package/dist/cjs/ListItem-0c58c5d2.js +0 -84
  92. package/dist/cjs/ssr-b7a729f9.js +0 -47
  93. package/dist/es/Button-6c71c66e.js +0 -137
  94. package/dist/es/Card-ecf70ba1.js +0 -51
  95. package/dist/es/Container-f5efec9e.js +0 -18
  96. package/dist/es/Flex-40a74d8a.js +0 -155
  97. package/dist/es/FormControlList-b96aebef.js +0 -98
  98. package/dist/es/Input-dfd9dd40.js +0 -170
  99. package/dist/es/ListItem-da73bc7d.js +0 -77
  100. package/dist/es/Title-22c2f3bf.js +0 -18
  101. package/dist/es/ssr-2f57791d.js +0 -41
@@ -1,146 +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-280a574c.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 _templateObject8() {
12
- var data = _rollupPluginBabelHelpers._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"]);
13
-
14
- _templateObject8 = function _templateObject8() {
15
- return data;
16
- };
17
-
18
- return data;
19
- }
20
-
21
- function _templateObject7() {
22
- var data = _rollupPluginBabelHelpers._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"]);
23
-
24
- _templateObject7 = function _templateObject7() {
25
- return data;
26
- };
27
-
28
- return data;
29
- }
30
-
31
- function _templateObject6() {
32
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"]);
33
-
34
- _templateObject6 = function _templateObject6() {
35
- return data;
36
- };
37
-
38
- return data;
39
- }
40
-
41
- function _templateObject5() {
42
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"]);
43
-
44
- _templateObject5 = function _templateObject5() {
45
- return data;
46
- };
47
-
48
- return data;
49
- }
50
-
51
- function _templateObject4() {
52
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\ta {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"]);
53
-
54
- _templateObject4 = function _templateObject4() {
55
- return data;
56
- };
57
-
58
- return data;
59
- }
60
-
61
- function _templateObject3() {
62
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\n\t\tmargin: 3px 3px;\n\t}\n"]);
63
-
64
- _templateObject3 = function _templateObject3() {
65
- return data;
66
- };
67
-
68
- return data;
69
- }
70
-
71
- function _templateObject2() {
72
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\ta {\n\t\tmargin: 0 3px;\n\t}\n"]);
73
-
74
- _templateObject2 = function _templateObject2() {
75
- return data;
76
- };
77
-
78
- return data;
79
- }
80
-
81
- function _templateObject() {
82
- var data = _rollupPluginBabelHelpers._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"]);
83
-
84
- _templateObject = function _templateObject() {
85
- return data;
86
- };
87
-
88
- return data;
89
- }
90
-
91
- var filters = function filters(_ref) {
92
- var borderColor = _ref.colors.borderColor;
93
- return emotion.css(_templateObject(), borderColor || '#fff');
94
- };
95
-
96
- var pagination = emotion.css(_templateObject2());
97
- var toggleButtons = emotion.css(_templateObject3());
98
- var numberBoxContainer = emotion.css(_templateObject4());
99
-
100
- var primary = function primary(_ref2) {
101
- var theme = _ref2.theme;
102
- return emotion.css(_templateObject5(), theme.colors.primaryColor, theme.colors.primaryTextColor, polished.darken(0.1, theme.colors.primaryColor));
103
- };
104
-
105
- var large = function large() {
106
- return emotion.css(_templateObject6());
107
- };
108
-
109
- var disabled = function disabled(_ref3) {
110
- var theme = _ref3.theme;
111
- return emotion.css(_templateObject7(), theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
112
- };
113
-
114
- var Button = styled__default('a')(_templateObject8(), function (_ref4) {
115
- var theme = _ref4.theme;
116
- return theme.colors.backgroundColor || '#eee';
117
- }, function (_ref5) {
118
- var theme = _ref5.theme;
119
- return theme.colors.textColor;
120
- }, function (_ref6) {
121
- var theme = _ref6.theme;
122
- return theme.colors.backgroundColor ? polished.darken(0.1, theme.colors.backgroundColor) : '#ccc';
123
- }, function (_ref7) {
124
- var theme = _ref7.theme;
125
- return polished.rgba(theme.colors.primaryColor, 0.6);
126
- }, function (_ref8) {
127
- var theme = _ref8.theme;
128
- return "0 0 0 2px " + polished.rgba(theme.colors.primaryColor, 0.3);
129
- }, function (props) {
130
- return props.primary ? primary : null;
131
- }, function (props) {
132
- return props.disabled ? disabled : null;
133
- }, function (props) {
134
- return props.large && large;
135
- });
136
- var loadMoreContainer = emotion.css({
137
- margin: '5px 0',
138
- display: 'flex',
139
- justifyContent: 'center'
140
- });
141
-
142
- exports.Button = Button;
143
- exports.filters = filters;
144
- exports.loadMoreContainer = loadMoreContainer;
145
- exports.pagination = pagination;
146
- exports.toggleButtons = toggleButtons;
@@ -1,58 +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-280a574c.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-e9beb554.js');
11
-
12
- function _templateObject3() {
13
- var data = _rollupPluginBabelHelpers._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"]);
14
-
15
- _templateObject3 = function _templateObject3() {
16
- return data;
17
- };
18
-
19
- return data;
20
- }
21
-
22
- function _templateObject2() {
23
- var data = _rollupPluginBabelHelpers._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"]);
24
-
25
- _templateObject2 = function _templateObject2() {
26
- return data;
27
- };
28
-
29
- return data;
30
- }
31
-
32
- function _templateObject() {
33
- var data = _rollupPluginBabelHelpers._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"]);
34
-
35
- _templateObject = function _templateObject() {
36
- return data;
37
- };
38
-
39
- return data;
40
- }
41
- var container = emotion.css(_templateObject());
42
- var Image = styled__default('div')(_templateObject2(), function (_ref) {
43
- var colors = _ref.theme.colors;
44
- return colors.backgroundColor || '#fcfcfc';
45
- });
46
- var Card = styled__default('a')(_templateObject3(), function (_ref2) {
47
- var theme = _ref2.theme;
48
- return theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fff';
49
- }, function (_ref3) {
50
- var theme = _ref3.theme;
51
- return theme.colors.textColor;
52
- }, function (props) {
53
- return props.href ? 'cursor: pointer' : null;
54
- });
55
-
56
- exports.Card = Card;
57
- exports.Image = Image;
58
- exports.container = container;
@@ -1,160 +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-280a574c.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 _templateObject11() {
12
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex-basis: ", ";\n\t\t"]);
13
-
14
- _templateObject11 = function _templateObject11() {
15
- return data;
16
- };
17
-
18
- return data;
19
- }
20
-
21
- function _templateObject10() {
22
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex-direction: ", ";\n\t\t"]);
23
-
24
- _templateObject10 = function _templateObject10() {
25
- return data;
26
- };
27
-
28
- return data;
29
- }
30
-
31
- function _templateObject9() {
32
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex: ", ";\n\t\t"]);
33
-
34
- _templateObject9 = function _templateObject9() {
35
- return data;
36
- };
37
-
38
- return data;
39
- }
40
-
41
- function _templateObject8() {
42
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\talign-items: ", ";\n\t\t"]);
43
-
44
- _templateObject8 = function _templateObject8() {
45
- return data;
46
- };
47
-
48
- return data;
49
- }
50
-
51
- function _templateObject7() {
52
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tjustify-content: ", ";\n\t\t"]);
53
-
54
- _templateObject7 = function _templateObject7() {
55
- return data;
56
- };
57
-
58
- return data;
59
- }
60
-
61
- function _templateObject6() {
62
- var data = _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"]);
63
-
64
- _templateObject6 = function _templateObject6() {
65
- return data;
66
- };
67
-
68
- return data;
69
- }
70
-
71
- function _templateObject5() {
72
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: 1px solid ", ";\n"]);
73
-
74
- _templateObject5 = function _templateObject5() {
75
- return data;
76
- };
77
-
78
- return data;
79
- }
80
-
81
- function _templateObject4() {
82
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: column-reverse;\n"]);
83
-
84
- _templateObject4 = function _templateObject4() {
85
- return data;
86
- };
87
-
88
- return data;
89
- }
90
-
91
- function _templateObject3() {
92
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: column;\n"]);
93
-
94
- _templateObject3 = function _templateObject3() {
95
- return data;
96
- };
97
-
98
- return data;
99
- }
100
-
101
- function _templateObject2() {
102
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: row-reverse;\n\talign-items: center;\n"]);
103
-
104
- _templateObject2 = function _templateObject2() {
105
- return data;
106
- };
107
-
108
- return data;
109
- }
110
-
111
- function _templateObject() {
112
- var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: row;\n\talign-items: center;\n"]);
113
-
114
- _templateObject = function _templateObject() {
115
- return data;
116
- };
117
-
118
- return data;
119
- }
120
- var leftLabel = emotion.css(_templateObject());
121
- var rightLabel = emotion.css(_templateObject2());
122
- var topLabel = emotion.css(_templateObject3());
123
- var bottomLabel = emotion.css(_templateObject4());
124
-
125
- var border = function border(_ref) {
126
- var colors = _ref.theme.colors;
127
- return emotion.css(_templateObject5(), colors.borderColor || '#ccc');
128
- };
129
-
130
- var Flex = styled__default('div')(_templateObject6(), function (props) {
131
- return props.inline ? 'inline-flex' : 'flex';
132
- }, function (props) {
133
- return (props.labelPosition === 'left' || props.iconPosition === 'right') && leftLabel;
134
- }, function (props) {
135
- return (props.labelPosition === 'right' || props.iconPosition === 'left') && rightLabel;
136
- }, function (props) {
137
- return props.labelPosition === 'top' && topLabel;
138
- }, function (props) {
139
- return props.labelPosition === 'bottom' && bottomLabel;
140
- }, function (props) {
141
- return props.showBorder && border;
142
- }, function (props) {
143
- return props.justifyContent && emotion.css(_templateObject7(), props.justifyContent);
144
- }, function (props) {
145
- return props.alignItems && emotion.css(_templateObject8(), props.alignItems);
146
- }, function (props) {
147
- return props.flex && emotion.css(_templateObject9(), props.flex);
148
- }, function (props) {
149
- return props.direction && emotion.css(_templateObject10(), props.direction);
150
- }, function (props) {
151
- return props.basis && emotion.css(_templateObject11(), props.basis);
152
- }, function (_ref2) {
153
- var colors = _ref2.theme.colors;
154
- return colors.borderColor || polished.lighten(0.3, colors.textColor);
155
- }, function (_ref3) {
156
- var theme = _ref3.theme;
157
- return theme.colors.textColor;
158
- });
159
-
160
- exports.Flex = Flex;
@@ -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-280a574c.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-280a574c.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;