@appbaseio/reactivesearch-vue 3.0.0-rc.6.5 → 3.0.0-rc.7

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 (27) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +1949 -146
  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/{DropDown-aef75c14.js → DropDown-dcdaf54f.js} +12 -4
  6. package/dist/cjs/{Input-56eba499.js → Input-df30e5fc.js} +23 -16
  7. package/dist/cjs/MultiDropdownList.js +2 -2
  8. package/dist/cjs/MultiList.js +1 -1
  9. package/dist/cjs/RangeInput.js +1 -1
  10. package/dist/cjs/SingleDropdownList.js +2 -2
  11. package/dist/cjs/SingleList.js +1 -1
  12. package/dist/cjs/index.js +4 -3
  13. package/dist/cjs/{install-e8141489.js → install-3821345b.js} +282 -74
  14. package/dist/cjs/install.js +4 -3
  15. package/dist/cjs/version.js +1 -1
  16. package/dist/es/{DropDown-39fedff8.js → DropDown-bede2a41.js} +12 -5
  17. package/dist/es/{Input-11d211d2.js → Input-4376ac1f.js} +23 -17
  18. package/dist/es/MultiDropdownList.js +2 -2
  19. package/dist/es/MultiList.js +1 -1
  20. package/dist/es/RangeInput.js +1 -1
  21. package/dist/es/SingleDropdownList.js +2 -2
  22. package/dist/es/SingleList.js +1 -1
  23. package/dist/es/index.js +5 -4
  24. package/dist/es/{install-b785dd55.js → install-af4c53c4.js} +283 -75
  25. package/dist/es/install.js +4 -3
  26. package/dist/es/version.js +1 -1
  27. package/package.json +4 -3
package/dist/cjs/{DropDown-aef75c14.js → DropDown-dcdaf54f.js} RENAMED
@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
10
10
  var vueEmotion = require('@appbaseio/vue-emotion');
11
11
  var vueTypes = require('./vueTypes-a5f1745e.js');
12
12
  var index = require('./index-779ed366.js');
13
- var Input = require('./Input-56eba499.js');
13
+ var Input = require('./Input-df30e5fc.js');
14
14
  var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
15
15
  var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
16
16
 
@@ -32,7 +32,7 @@ var IconGroup = vueEmotion.styled('div')(_templateObject$1 || (_templateObject$1
32
32
  return enableAI ? "\n\t\ttop: 0%;\n\t transform: translateY(0);\n \theight: 42px;\n\t" : '';
33
33
  });
34
34
 
35
- var _templateObject$2;
35
+ var _templateObject$2, _templateObject2;
36
36
  var IconWrapper = vueEmotion.styled('div')(_templateObject$2 || (_templateObject$2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;\n\tmin-width: 20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform: scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
37
37
  var _ref$theme = _ref.theme,
38
38
  theme = _ref$theme === void 0 ? {} : _ref$theme;
@@ -42,6 +42,13 @@ var IconWrapper = vueEmotion.styled('div')(_templateObject$2 || (_templateObject
42
42
  theme = _ref2$theme === void 0 ? {} : _ref2$theme;
43
43
  return theme.colors ? theme.colors.borderColor : '#000';
44
44
  });
45
+ var ButtonIconWrapper = vueEmotion.styled(IconWrapper)(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder-radius: 4px;\n\tvertical-align: middle;\n\theight: 25px;\n\tfont-size: 12px;\n\tborder: 1px solid ", ";\n\tcolor: ", ";\n\tmax-width: unset;\n\tpadding: 5px;\n"])), function (_ref3) {
46
+ var theme = _ref3.theme;
47
+ return theme.colors ? theme.colors.primaryColor : '#000';
48
+ }, function (_ref4) {
49
+ var theme = _ref4.theme;
50
+ return theme.colors ? theme.colors.primaryColor : '#000';
51
+ });
45
52
 
46
53
  /**
47
54
  * Scroll node into view if necessary
@@ -412,7 +419,7 @@ var CancelSvg = (function () {
412
419
  }, null)]);
413
420
  });
414
421
 
415
- var _templateObject$3, _templateObject2;
422
+ var _templateObject$3, _templateObject2$1;
416
423
  var small = "\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n";
417
424
  var dark = function dark(_ref) {
418
425
  var theme = _ref.theme;
@@ -424,7 +431,7 @@ var Select = vueEmotion.styled('button')(_templateObject$3 || (_templateObject$3
424
431
  var themePreset = _ref2.themePreset;
425
432
  return themePreset === 'dark' && dark;
426
433
  });
427
- var Tick = vueEmotion.styled('span')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tposition: relative;\n\tuser-select: none;\n\talign-items: center;\n\n\t&::after {\n\t\tbox-sizing: content-box;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: transparent;\n\t\ttop: 50%;\n\t\tleft: 0;\n\t\twidth: 8px;\n\t\theight: 4px;\n\t\tmargin-top: -4px;\n\t\tborder-style: solid;\n\t\tborder-color: ", ";\n\t\tborder-width: 0 0 2px 2px;\n\t\tborder-radius: 0;\n\t\tborder-image: none;\n\t\ttransform: rotate(-45deg) scale(1);\n\t\ttransition: all 200ms ease-out;\n\t}\n"])), function (_ref3) {
434
+ var Tick = vueEmotion.styled('span')(_templateObject2$1 || (_templateObject2$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tposition: relative;\n\tuser-select: none;\n\talign-items: center;\n\n\t&::after {\n\t\tbox-sizing: content-box;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: transparent;\n\t\ttop: 50%;\n\t\tleft: 0;\n\t\twidth: 8px;\n\t\theight: 4px;\n\t\tmargin-top: -4px;\n\t\tborder-style: solid;\n\t\tborder-color: ", ";\n\t\tborder-width: 0 0 2px 2px;\n\t\tborder-radius: 0;\n\t\tborder-image: none;\n\t\ttransform: rotate(-45deg) scale(1);\n\t\ttransition: all 200ms ease-out;\n\t}\n"])), function (_ref3) {
428
435
  var theme = _ref3.theme;
429
436
  return theme.colors.primaryColor;
430
437
  });
@@ -694,6 +701,7 @@ var Dropdown = {
694
701
  }
695
702
  };
696
703
 
704
+ exports.ButtonIconWrapper = ButtonIconWrapper;
697
705
  exports.CancelSvg = CancelSvg;
698
706
  exports.Downshift = Downshift;
699
707
  exports.Dropdown = Dropdown;
package/dist/cjs/{Input-56eba499.js → Input-df30e5fc.js} RENAMED
@@ -4,12 +4,14 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
4
4
  var vueEmotion = require('@appbaseio/vue-emotion');
5
5
  var css = require('@emotion/css');
6
6
 
7
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
7
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
8
8
  var alertBorder = function alertBorder(_ref) {
9
9
  var theme = _ref.theme;
10
10
  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
11
11
  };
12
- var input = "\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n";
12
+ var input = function input(searchBox) {
13
+ return "\nwidth: 100%;\nline-height: 1.5;\nmin-height: 42px;\npadding: 8px 12px;\nborder: 1px solid #ccc;\nbackground-color: #fafafa;\nfont-size: 0.9rem;\noutline: none;\n&:focus {\n\tbackground-color: #fff;\n}\n" + (searchBox && "\n\tpadding: 8px 12px 9px;\n\tborder: 1px solid transparent;\n\tborder-radius: 6px;\n") + ";\n";
14
+ };
13
15
  var dark = function dark(theme) {
14
16
  return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
15
17
  };
@@ -17,12 +19,11 @@ var darkInput = function darkInput(_ref2) {
17
19
  var theme = _ref2.theme;
18
20
  return "\n\tbackground-color: " + theme.colors.backgroundColor + ";\n\tcolor: " + theme.colors.textColor + ";\n\t" + dark(theme) + ";\n\n\t&:focus {\n\t\tbackground-color: " + theme.colors.backgroundColor + ";\n\t}\n";
19
21
  };
20
- var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
21
- var themePreset = _ref3.themePreset,
22
- theme = _ref3.theme;
23
- return themePreset === 'dark' && darkInput({
24
- theme: theme
25
- });
22
+ var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t&[type='search']::-webkit-search-decoration,\n\t&[type='search']::-webkit-search-cancel-button,\n\t&[type='search']::-webkit-search-results-button,\n\t&[type='search']::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n"])), function (props) {
23
+ return input(props.searchBox);
24
+ }, function (_ref3) {
25
+ var themePreset = _ref3.themePreset;
26
+ return themePreset === 'dark' && darkInput;
26
27
  }, function (props) {
27
28
  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
28
29
  }, function (props) {
@@ -44,13 +45,13 @@ var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _ro
44
45
  );
45
46
  }, function (props) {
46
47
  return (
47
- // for voice search icon with search icon
48
- props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
48
+ // for voice search icon with clear icon
49
+ props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
49
50
  );
50
51
  }, function (props) {
51
52
  return (
52
- // for voice search icon with clear icon
53
- props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
53
+ // for voice search icon with search icon
54
+ props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
54
55
  );
55
56
  }, function (props) {
56
57
  return (
@@ -59,15 +60,20 @@ var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _ro
59
60
  );
60
61
  }, function (props) {
61
62
  return props.alert && alertBorder;
63
+ }, function (props) {
64
+ return props.isOpen && "\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t";
62
65
  });
63
66
  var suggestions = function suggestions(themePreset, theme) {
64
67
  return css.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
65
68
  };
66
- var suggestionsContainer = css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
69
+ var searchboxSuggestions = function searchboxSuggestions(themePreset, theme) {
70
+ return css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\tmax-height: min(100vh, 401px);\n\tborder: none;\n\tborder-radius: 6px;\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;\n\tborder-top: 1px solid #f2f0f0;\n\tli {\n\t\ttransition: all 0.3s ease-in;\n\t\tposition: relative;\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: unset;\n\t\t}\n\t\t.trim {\n\t\t\tline-height: 20px;\n\t\t}\n\t\t&.li-item {\n\t\t\tbackground-color: ", ";\n\n\t\t\t", "\n\t\t}\n\t\t&.active-li-item {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: #fff;\n\t\t\tsvg {\n\t\t\t\ttransition: fill 0.3s ease-in;\n\t\t\t\tfill: #fff !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.section-container {\n\t\tpadding-bottom: 5px;\n\t\tborder-bottom: 1px solid #f2f0f0;\n\t\t", ";\n\t\t.section-header {\n\t\t\tpadding: 10px;\n\t\t\tfont-size: 12px;\n\t\t\tcolor: #7f7c7c;\n\t\t\tbackground: #f9f9f9;\n\t\t\t", ";\n\t\t}\n\n\t\t.section-list {\n\t\t\tpadding-left: 0;\n\t\t}\n\t\t.section-list-item {\n\t\t\t&__label,\n\t\t\t&__description {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t* {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__label {\n\t\t\t}\n\t\t\t&__description {\n\t\t\t\tmargin-top: 5px;\n\t\t\t\topacity: 0.7;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\t\t}\n\t}\n"])), suggestions(themePreset, theme), themePreset === 'dark' ? '#424242' : '#fff', themePreset && theme && "svg {\n\t\t\t\tfill: " + (theme.colors ? theme.colors.primaryColor : '#707070') + ";\n\t\t\t}", themePreset === 'dark' ? '#555' : '#2d84f6', themePreset === 'dark' && css.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tbackground: #161616;\n\t\t"]))), themePreset === 'dark' && css.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\tcolor: #218fe7;\n\t\t\t\tbackground: #161616;\n\t\t\t"]))));
71
+ };
72
+ var suggestionsContainer = css.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
67
73
  var noSuggestions = function noSuggestions(themePreset, theme) {
68
- return css.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 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"])), themePreset === 'dark' && theme && dark(theme));
74
+ return css.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 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"])), themePreset === 'dark' && theme && dark(theme));
69
75
  };
70
- var TextArea = vueEmotion.styled('textarea')(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n"])), input, function (_ref4) {
76
+ var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n"])), input, function (_ref4) {
71
77
  var themePreset = _ref4.themePreset,
72
78
  theme = _ref4.theme;
73
79
  return themePreset === 'dark' && darkInput({
@@ -134,11 +140,12 @@ var TextArea = vueEmotion.styled('textarea')(_templateObject5 || (_templateObjec
134
140
  }, function (props) {
135
141
  return props.alert && alertBorder;
136
142
  }, function (props) {
137
- return props.isOpen && css.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t"])));
143
+ return props.isOpen && css.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t"])));
138
144
  });
139
145
 
140
146
  exports.Input = Input;
141
147
  exports.TextArea = TextArea;
142
148
  exports.noSuggestions = noSuggestions;
149
+ exports.searchboxSuggestions = searchboxSuggestions;
143
150
  exports.suggestions = suggestions;
144
151
  exports.suggestionsContainer = suggestionsContainer;
package/dist/cjs/MultiDropdownList.js CHANGED
@@ -22,8 +22,8 @@ var index = require('./index-779ed366.js');
22
22
  var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
23
23
  var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
24
24
  var Title = require('./Title-8802a218.js');
25
- var DropDown = require('./DropDown-aef75c14.js');
26
- require('./Input-56eba499.js');
25
+ var DropDown = require('./DropDown-dcdaf54f.js');
26
+ require('./Input-df30e5fc.js');
27
27
  require('compute-scroll-into-view');
28
28
  var Container = require('./Container-29f049b2.js');
29
29
  require('@appbaseio/reactivecore/lib/utils/suggestions');
package/dist/cjs/MultiList.js CHANGED
@@ -19,7 +19,7 @@ var index = require('./index-779ed366.js');
19
19
  var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
20
20
  var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
21
21
  var Title = require('./Title-8802a218.js');
22
- var Input = require('./Input-56eba499.js');
22
+ var Input = require('./Input-df30e5fc.js');
23
23
  var Container = require('./Container-29f049b2.js');
24
24
  var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
25
25
  var FormControlList = require('./FormControlList-fadd792f.js');
package/dist/cjs/RangeInput.js CHANGED
@@ -21,7 +21,7 @@ var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
21
21
  var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
22
22
  require('./Title-8802a218.js');
23
23
  var Flex = require('./Flex-ddde6d26.js');
24
- var Input = require('./Input-56eba499.js');
24
+ var Input = require('./Input-df30e5fc.js');
25
25
  var Container = require('./Container-29f049b2.js');
26
26
  require('./ssr-8dd13d43.js');
27
27
  var RangeSlider = require('./RangeSlider.js');
package/dist/cjs/SingleDropdownList.js CHANGED
@@ -22,8 +22,8 @@ var index = require('./index-779ed366.js');
22
22
  var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
23
23
  var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
24
24
  var Title = require('./Title-8802a218.js');
25
- var DropDown = require('./DropDown-aef75c14.js');
26
- require('./Input-56eba499.js');
25
+ var DropDown = require('./DropDown-dcdaf54f.js');
26
+ require('./Input-df30e5fc.js');
27
27
  require('compute-scroll-into-view');
28
28
  var Container = require('./Container-29f049b2.js');
29
29
  require('@appbaseio/reactivecore/lib/utils/suggestions');
package/dist/cjs/SingleList.js CHANGED
@@ -19,7 +19,7 @@ var index = require('./index-779ed366.js');
19
19
  var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
20
20
  var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
21
21
  var Title = require('./Title-8802a218.js');
22
- var Input = require('./Input-56eba499.js');
22
+ var Input = require('./Input-df30e5fc.js');
23
23
  var Container = require('./Container-29f049b2.js');
24
24
  var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
25
25
  var FormControlList = require('./FormControlList-fadd792f.js');
package/dist/cjs/index.js CHANGED
@@ -32,10 +32,11 @@ require('@appbaseio/analytics');
32
32
  require('url-search-params-polyfill');
33
33
  var ReactiveBase = require('./ReactiveBase.js');
34
34
  require('hotkeys-js');
35
+ require('xss');
35
36
  require('remarkable');
36
- var install = require('./install-e8141489.js');
37
- require('./DropDown-aef75c14.js');
38
- require('./Input-56eba499.js');
37
+ var install = require('./install-3821345b.js');
38
+ require('./DropDown-dcdaf54f.js');
39
+ require('./Input-df30e5fc.js');
39
40
  require('compute-scroll-into-view');
40
41
  require('./Container-29f049b2.js');
41
42
  require('vue-highlight-words');