@appbaseio/reactivesearch-vue 3.3.0 → 3.3.1

package/dist/es/DropDown-f8049812.js

@@ -0,0 +1,295 @@
+import { helper } from '@appbaseio/reactivecore';
+import _transformOn from '@vue/babel-helper-vue-transform-on';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-5e8399d7.js';
+import { createVNode, mergeProps, createTextVNode } from 'vue';
+import VueTypes from 'vue-types';
+import { styled } from '@appbaseio/vue-emotion';
+import { t as types } from './vueTypes-f503e267.js';
+import { a as isFunction } from './index-3af85a74.js';
+import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-5b82ad4f.js';
+import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-cda7f4ad.js';
+import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
+
+var _templateObject, _templateObject2;
+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";
+var dark = function dark(_ref) {
+  var theme = _ref.theme;
+  return "\n\tbackground-color: " + (theme.colors ? theme.colors.backgroundColor : '') + ";\n\tborder-color: " + (theme.colors ? theme.colors.borderColor : '') + ";\n\tcolor: " + (theme.colors ? theme.colors.textColor : '') + ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + (theme.colors ? theme.colors.backgroundColor : '') + ";\n\t}\n";
+};
+var Select = styled('button')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 42px;\n\tborder-radius: 0;\n\toutline: none;\n\tpadding: 5px 12px;\n\tfont-size: 0.9rem;\n\tline-height: 1.2rem;\n\tbackground-color: #fff;\n\tborder: 1px solid #ccc;\n\tcolor: #424242;\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t", ";\n\n\t& > div {\n\t\twidth: calc(100% - 24px);\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-align: left;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: #fcfcfc;\n\t}\n\n\t", ";\n"])), function (props) {
+  return props.small ? small : null;
+}, function (_ref2) {
+  var themePreset = _ref2.themePreset;
+  return themePreset === 'dark' && dark;
+});
+var Tick = styled('span')(_templateObject2 || (_templateObject2 = _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) {
+  var theme = _ref3.theme;
+  return theme.colors.primaryColor;
+});
+
+var _templateObject$1;
+var open = "\n\ttop: 0.55em;\n\ttransform: rotate(-45deg);\n";
+var Chevron = styled('span')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\t&::before {\n\t\tcontent: '';\n\t\tborder-style: solid;\n\t\tborder-width: 0.15em 0.15em 0 0;\n\t\tdisplay: inline-block;\n\t\theight: 0.45em;\n\t\tposition: relative;\n\t\ttop: 0.35em;\n\t\tleft: 0;\n\t\ttransform: rotate(135deg);\n\t\tvertical-align: top;\n\t\twidth: 0.45em;\n\n\t\t", ";\n\t}\n"])), function (props) {
+  return props.open ? open : null;
+});
+
+var getClassName = helper.getClassName;
+var Dropdown = {
+  data: function data() {
+    this.__state = {
+      isOpen: false,
+      searchTerm: ''
+    };
+    return this.__state;
+  },
+  inject: {
+    theme: {
+      from: 'theme_reactivesearch'
+    }
+  },
+  props: {
+    innerClass: types.style,
+    items: types.data,
+    keyField: VueTypes.string.def('key'),
+    labelField: VueTypes.string.def('label'),
+    multi: VueTypes.bool,
+    // change event
+    placeholder: types.string,
+    returnsObject: VueTypes.bool,
+    customLabelRenderer: types.func,
+    hasCustomRenderer: VueTypes.bool,
+    customRenderer: types.func,
+    renderItem: types.func,
+    renderNoResults: VueTypes.any,
+    handleChange: types.func,
+    transformData: types.func,
+    selectedItem: types.selectedValue,
+    showCount: VueTypes.bool,
+    single: VueTypes.bool,
+    small: VueTypes.bool.def(false),
+    themePreset: types.themePreset,
+    showSearch: VueTypes.bool,
+    showClear: VueTypes.bool,
+    searchPlaceholder: VueTypes.string.def('Type here to search...')
+  },
+  render: function render() {
+    var _this = this;
+    var _this$$props = this.$props,
+      items = _this$$props.items,
+      selectedItem = _this$$props.selectedItem,
+      placeholder = _this$$props.placeholder,
+      labelField = _this$$props.labelField,
+      keyField = _this$$props.keyField,
+      themePreset = _this$$props.themePreset,
+      renderItem = _this$$props.renderItem,
+      transformData = _this$$props.transformData,
+      footer = _this$$props.footer,
+      customLabelRenderer = _this$$props.customLabelRenderer,
+      hasCustomRenderer = _this$$props.hasCustomRenderer,
+      customRenderer = _this$$props.customRenderer;
+    var itemsToRender = items;
+    if (transformData) {
+      itemsToRender = transformData(itemsToRender);
+    }
+    var filteredItemsToRender = itemsToRender.filter(function (item) {
+      if (String(item[labelField]).length) {
+        if (_this.$props.showSearch && _this.$data.searchTerm) {
+          return replaceDiacritics(String(item[labelField])).toLowerCase().includes(replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
+        }
+        return true;
+      }
+      return false;
+    });
+    return createVNode(Downshift, {
+      "isOpen": this.$data.isOpen,
+      "selectedItem": selectedItem,
+      "handleChange": this.onChange,
+      "handleMouseup": this.handleStateChange
+    }, {
+      "default": function _default(_ref) {
+        var getItemProps = _ref.getItemProps,
+          isOpen = _ref.isOpen,
+          highlightedIndex = _ref.highlightedIndex,
+          getButtonProps = _ref.getButtonProps,
+          getItemEvents = _ref.getItemEvents,
+          getInputEvents = _ref.getInputEvents;
+        return createVNode("div", {
+          "class": suggestionsContainer
+        }, [createVNode(Select, mergeProps(_transformOn(getButtonProps({
+          onClick: _this.toggle
+        })), {
+          "class": getClassName(_this.$props.innerClass, 'select') || '',
+          "title": selectedItem ? _this.renderToString(selectedItem) : placeholder,
+          "small": _this.$props.small,
+          "themePreset": _this.$props.themePreset
+        }), {
+          "default": function _default() {
+            return [customLabelRenderer ? customLabelRenderer(selectedItem) : createVNode("div", null, [selectedItem ? _this.renderToString(selectedItem) : placeholder]), createVNode(Chevron, {
+              "open": isOpen
+            }, null)];
+          }
+        }), hasCustomRenderer ? customRenderer(itemsToRender, {
+          getItemProps: getItemProps,
+          isOpen: isOpen,
+          highlightedIndex: highlightedIndex,
+          getButtonProps: getButtonProps,
+          getItemEvents: getItemEvents
+        }) : isOpen && itemsToRender.length ? createVNode("ul", {
+          "class": suggestions(themePreset, _this.theme) + " " + (_this.$props.small ? 'small' : '') + " " + getClassName(_this.$props.innerClass, 'list')
+        }, [_this.$props.showSearch ? _this.renderSearchbox({
+          on: {
+            input: getInputEvents({
+              onInput: _this.handleInputChange
+            }).input
+          }
+        }) : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
+          var selected = _this.$props.multi // MultiDropdownList
+          && (selectedItem && !!selectedItem[item[keyField]] // MultiDropdownRange
+          || Array.isArray(selectedItem) && selectedItem.find(function (value) {
+            return value[labelField] === item[labelField];
+          }));
+          if (!_this.$props.multi) selected = item.key === selectedItem;
+          return createVNode("li", mergeProps(getItemProps({
+            item: item
+          }), _transformOn(getItemEvents({
+            item: item
+          })), {
+            "key": item[keyField],
+            "class": "" + (selected ? 'active' : ''),
+            "style": {
+              backgroundColor: _this.getBackgroundColor(highlightedIndex === index, selected)
+            }
+          }), [renderItem ? renderItem({
+            label: item[labelField],
+            count: item.doc_count,
+            isChecked: selected && _this.$props.multi
+          }) : createVNode("div", null, [typeof item[labelField] === 'string' ? createVNode("span", {
+            "innerHTML": item[labelField]
+          }, null) : item[labelField], _this.$props.showCount && item.doc_count && createVNode("span", {
+            "class": getClassName(_this.$props.innerClass, 'count') || ''
+          }, [createTextVNode("\xA0("), item.doc_count, createTextVNode(")")])]), selected && _this.$props.multi ? createVNode(Tick, {
+            "class": getClassName(_this.$props.innerClass, 'icon') || ''
+          }, null) : null]);
+        }), footer]) : null]);
+      }
+    });
+  },
+  methods: {
+    toggle: function toggle() {
+      this.isOpen = !this.$data.isOpen;
+    },
+    close: function close() {
+      this.isOpen = false;
+    },
+    onChange: function onChange(item) {
+      if (this.$props.returnsObject) {
+        this.$props.handleChange(item);
+      } else {
+        this.$props.handleChange(item[this.$props.keyField]);
+      }
+      if (!this.$props.multi) {
+        this.isOpen = false;
+        this.searchTerm = '';
+      }
+    },
+    handleStateChange: function handleStateChange(_ref2) {
+      var isOpen = _ref2.isOpen;
+      this.isOpen = isOpen;
+    },
+    getBackgroundColor: function getBackgroundColor(highlighted, selected) {
+      var isDark = this.$props.themePreset === 'dark';
+      if (highlighted) {
+        return isDark ? '#555' : '#eee';
+      }
+      if (selected) {
+        return isDark ? '#686868' : '#fafafa';
+      }
+      return isDark ? '#424242' : '#fff';
+    },
+    handleInputChange: function handleInputChange(e) {
+      var value = e.target.value;
+      this.searchTerm = value;
+    },
+    clearSearchTerm: function clearSearchTerm() {
+      this.searchTerm = '';
+    },
+    renderToString: function renderToString(value) {
+      var _this2 = this;
+      var customLabelRenderer = this.$props.customLabelRenderer;
+      if (customLabelRenderer) {
+        var customLabel = customLabelRenderer(value);
+        if (typeof customLabel === 'string') {
+          return customLabel;
+        }
+      }
+      if (Array.isArray(value) && value.length) {
+        var arrayToRender = value.map(function (item) {
+          return _this2.renderToString(item);
+        });
+        return arrayToRender.join(', ');
+      }
+      if (value && typeof value === 'object') {
+        if (value[this.$props.labelField]) {
+          return value[this.$props.labelField];
+        }
+        if (Object.keys(value).length) {
+          return this.renderToString(Object.keys(value));
+        }
+        return this.$props.placeholder;
+      }
+      return value;
+    },
+    renderNoResult: function renderNoResult() {
+      var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
+      return createVNode("p", {
+        "class": getClassName(this.$props.innerClass, 'noResults') || null
+      }, [isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
+    },
+    renderSearchbox: function renderSearchbox(eventObject) {
+      var _this3 = this;
+      var _this$$props2 = this.$props,
+        componentId = _this$$props2.componentId,
+        searchPlaceholder = _this$$props2.searchPlaceholder,
+        showClear = _this$$props2.showClear,
+        themePreset = _this$$props2.themePreset,
+        innerClass = _this$$props2.innerClass;
+      var InputComponent = createVNode(Input, mergeProps({
+        "id": componentId + "-input",
+        "style": {
+          border: 0,
+          borderBottom: '1px solid #ddd'
+        },
+        "showIcon": false,
+        "showClear": showClear,
+        "class": getClassName(innerClass, 'input'),
+        "placeholder": searchPlaceholder,
+        "value": this.$data.searchTerm,
+        "themePreset": themePreset
+      }, eventObject), null);
+      if (showClear) {
+        return createVNode(InputWrapper, null, {
+          "default": function _default() {
+            return [InputComponent, _this3.searchTerm && createVNode(IconGroup, {
+              "groupPosition": "right",
+              "positionType": "absolute"
+            }, {
+              "default": function _default() {
+                return [createVNode(IconWrapper, {
+                  "onClick": _this3.clearSearchTerm,
+                  "isClearIcon": true
+                }, {
+                  "default": function _default() {
+                    return [createVNode(CancelSvg, null, null)];
+                  }
+                })];
+              }
+            })];
+          }
+        });
+      }
+      return InputComponent;
+    }
+  }
+};
+
+export { Dropdown as D };

package/dist/es/DynamicRangeSlider.js

@@ -1,19 +1,19 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import './_rollupPluginBabelHelpers-ded08042.js';
+import './_rollupPluginBabelHelpers-5e8399d7.js';
 import { createVNode, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-f503e267.js';
 import 'redux';
-import { j as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-104f1dfb.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
-import { T as Title } from './Title-863dfa42.js';
-import { C as Container } from './Container-d00219f7.js';
+import { j as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-3af85a74.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-a2bd59db.js';
+import { T as Title } from './Title-100fe896.js';
+import { C as Container } from './Container-e2261542.js';
 import VueSlider from 'vue-slider-component/dist-css/vue-slider-component.umd.min.js';
 import 'vue-slider-component/dist-css/vue-slider-component.css';
 import 'vue-slider-component/theme/default.css';
-import { g as getComponents, N as NoSSR, S as Slider } from './ssr-c630ccb9.js';
+import { g as getComponents, N as NoSSR, S as Slider } from './ssr-40133887.js';
 
 var addComponent = Actions.addComponent,
   removeComponent = Actions.removeComponent,

package/dist/es/{Flex-25792bc3.js → Flex-5d11362e.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { styled } from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';
 

package/dist/es/{FormControlList-fe6eaee4.js → FormControlList-968ff972.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { styled } from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';
 

package/dist/es/{Input-437ae439.js → Input-cda7f4ad.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { styled } from '@appbaseio/vue-emotion';
 import { css } from '@emotion/css';
 

package/dist/es/{ListItem-e3c6acf4.js → ListItem-beea18db.js}

@@ -1,8 +1,8 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { styled } from '@appbaseio/vue-emotion';
 import { css } from '@emotion/css';
 import { lighten } from 'polished';
-import './Title-863dfa42.js';
+import './Title-100fe896.js';
 
 var _templateObject, _templateObject2, _templateObject3;
 var container = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));

package/dist/es/MultiDropdownList.js

@@ -1,27 +1,28 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@vue/babel-helper-vue-transform-on';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-ded08042.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { createVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-5c2cf399.js';
+import { l as loadMoreContainer, B as Button } from './Button-8178e39a.js';
 import { t as types } from './vueTypes-f503e267.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-104f1dfb.js';
-import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
-import { T as Title } from './Title-863dfa42.js';
-import { c as Dropdown } from './DropDown-36fa9ac5.js';
-import './Input-437ae439.js';
+import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-3af85a74.js';
+import { C as ComponentWrapper } from './ComponentWrapper-90d42a29.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-a2bd59db.js';
+import { T as Title } from './Title-100fe896.js';
+import './CancelSvg-5b82ad4f.js';
+import './Input-cda7f4ad.js';
 import 'compute-scroll-into-view';
-import { C as Container } from './Container-d00219f7.js';
+import { C as Container } from './Container-e2261542.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import { g as getAggsQuery } from './utils-d7dd4f4e.js';
+import { g as getAggsQuery } from './utils-badbb2a8.js';
+import { D as Dropdown } from './DropDown-f8049812.js';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);

package/dist/es/MultiList.js

@@ -1,6 +1,6 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { b as _objectWithoutPropertiesLoose, c as _toPropertyKey, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { b as _objectWithoutPropertiesLoose, c as _toPropertyKey, a as _extends } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { createVNode, createTextVNode } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
@@ -9,15 +9,15 @@ import 'polished';
 import { t as types } from './vueTypes-f503e267.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, m as isEvent, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-104f1dfb.js';
-import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
-import { T as Title } from './Title-863dfa42.js';
-import { I as Input } from './Input-437ae439.js';
-import { C as Container } from './Container-d00219f7.js';
+import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, m as isEvent, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-3af85a74.js';
+import { C as ComponentWrapper } from './ComponentWrapper-90d42a29.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-a2bd59db.js';
+import { T as Title } from './Title-100fe896.js';
+import { I as Input } from './Input-cda7f4ad.js';
+import { C as Container } from './Container-e2261542.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
-import { U as UL, C as Checkbox } from './FormControlList-fe6eaee4.js';
-import { g as getAggsQuery } from './utils-d7dd4f4e.js';
+import { U as UL, C as Checkbox } from './FormControlList-968ff972.js';
+import { g as getAggsQuery } from './utils-badbb2a8.js';
 
 var updateQuery = Actions.updateQuery,
   setQueryOptions = Actions.setQueryOptions,

package/dist/es/MultiRange.js

@@ -1,7 +1,7 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import _transformOn from '@vue/babel-helper-vue-transform-on';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-ded08042.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { createVNode, mergeProps, isVNode } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
@@ -9,12 +9,12 @@ import 'polished';
 import { t as types } from './vueTypes-f503e267.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { n as parseValueArray, j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-104f1dfb.js';
-import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
-import { T as Title } from './Title-863dfa42.js';
-import { C as Container } from './Container-d00219f7.js';
-import { U as UL, C as Checkbox } from './FormControlList-fe6eaee4.js';
+import { n as parseValueArray, j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3af85a74.js';
+import { C as ComponentWrapper } from './ComponentWrapper-90d42a29.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-a2bd59db.js';
+import { T as Title } from './Title-100fe896.js';
+import { C as Container } from './Container-e2261542.js';
+import { U as UL, C as Checkbox } from './FormControlList-968ff972.js';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);

package/dist/es/{Pagination-591fdb79.js → Pagination-b2160aac.js}

@@ -2,7 +2,7 @@ import { helper } from '@appbaseio/reactivecore';
 import _transformOn from '@vue/babel-helper-vue-transform-on';
 import { createVNode, mergeProps, createTextVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import { p as pagination, B as Button } from './Button-5c2cf399.js';
+import { p as pagination, B as Button } from './Button-8178e39a.js';
 import { t as types } from './vueTypes-f503e267.js';
 
 function _isSlot(s) {

package/dist/es/{PreferencesConsumer-0856ed43.js → PreferencesConsumer-a2bd59db.js}

@@ -1,6 +1,6 @@
-import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { h } from 'vue';
-import { b as getCamelCase } from './index-104f1dfb.js';
+import { b as getCamelCase } from './index-3af85a74.js';
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {

package/dist/es/RangeInput.js

@@ -1,7 +1,7 @@
 import { helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import _transformOn from '@vue/babel-helper-vue-transform-on';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { createVNode, mergeProps, createTextVNode } from 'vue';
 import VueTypes from 'vue-types';
 import { styled } from '@appbaseio/vue-emotion';
@@ -10,17 +10,17 @@ import 'polished';
 import { t as types } from './vueTypes-f503e267.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-104f1dfb.js';
-import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
-import './Title-863dfa42.js';
-import { F as Flex } from './Flex-25792bc3.js';
-import { I as Input } from './Input-437ae439.js';
-import { C as Container } from './Container-d00219f7.js';
+import { c as connect } from './index-3af85a74.js';
+import { C as ComponentWrapper } from './ComponentWrapper-90d42a29.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-a2bd59db.js';
+import './Title-100fe896.js';
+import { F as Flex } from './Flex-5d11362e.js';
+import { I as Input } from './Input-cda7f4ad.js';
+import { C as Container } from './Container-e2261542.js';
 import 'vue-slider-component/dist-css/vue-slider-component.umd.min.js';
 import 'vue-slider-component/dist-css/vue-slider-component.css';
 import 'vue-slider-component/theme/default.css';
-import './ssr-c630ccb9.js';
+import './ssr-40133887.js';
 import { RangeConnected as RangeConnected$1 } from './RangeSlider.js';
 
 var _templateObject;

package/dist/es/RangeSlider.js

@@ -1,21 +1,21 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import './_rollupPluginBabelHelpers-ded08042.js';
+import './_rollupPluginBabelHelpers-5e8399d7.js';
 import { createVNode, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-f503e267.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-104f1dfb.js';
-import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
-import { T as Title } from './Title-863dfa42.js';
-import { C as Container } from './Container-d00219f7.js';
+import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3af85a74.js';
+import { C as ComponentWrapper } from './ComponentWrapper-90d42a29.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-a2bd59db.js';
+import { T as Title } from './Title-100fe896.js';
+import { C as Container } from './Container-e2261542.js';
 import VueSlider from 'vue-slider-component/dist-css/vue-slider-component.umd.min.js';
 import 'vue-slider-component/dist-css/vue-slider-component.css';
 import 'vue-slider-component/theme/default.css';
-import { g as getComponents, N as NoSSR, S as Slider } from './ssr-c630ccb9.js';
+import { g as getComponents, N as NoSSR, S as Slider } from './ssr-40133887.js';
 
 var updateQuery = Actions.updateQuery,
   setQueryOptions = Actions.setQueryOptions,

package/dist/es/ReactiveBase.js

@@ -1,13 +1,13 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import '@appbaseio/reactivecore/lib/utils/constants';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { h, createVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
 import { isEqual as isEqual$1, transformRequestUsingEndpoint } from '@appbaseio/reactivecore/lib/utils/helper';
 import { styled, createCache } from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-f503e267.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-104f1dfb.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-3af85a74.js';
 import configureStore, { Actions as Actions$1 } from '@appbaseio/reactivecore/lib';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';

package/dist/es/ReactiveComponent.js

@@ -1,14 +1,14 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { createVNode, h } from 'vue';
 import VueTypes from 'vue-types';
 import { t as types } from './vueTypes-f503e267.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-104f1dfb.js';
-import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
+import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-3af85a74.js';
+import { C as ComponentWrapper } from './ComponentWrapper-90d42a29.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-a2bd59db.js';
 
 var _excluded = ["options"];
 var updateQuery = Actions.updateQuery,

package/dist/es/ReactiveGoogleMap.js

@@ -1,23 +1,23 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import _transformOn from '@vue/babel-helper-vue-transform-on';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey, d as _inheritsLoose, _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey, d as _inheritsLoose, _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-5e8399d7.js';
 import { createVNode, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/helper';
 import { styled } from '@appbaseio/vue-emotion';
 import { css } from '@emotion/css';
 import 'polished';
-import './Button-5c2cf399.js';
+import './Button-8178e39a.js';
 import { t as types } from './vueTypes-f503e267.js';
-import { P as Pagination } from './Pagination-591fdb79.js';
+import { P as Pagination } from './Pagination-b2160aac.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-104f1dfb.js';
-import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
-import { C as Checkbox } from './FormControlList-fe6eaee4.js';
-import VueGoogleMaps, { InfoWindow, MapElementMixin, Marker, GMapCluster, Map } from 'vue-google-maps-community-fork';
+import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-3af85a74.js';
+import { C as ComponentWrapper } from './ComponentWrapper-90d42a29.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-a2bd59db.js';
+import { C as Checkbox } from './FormControlList-968ff972.js';
+import VueGoogleMaps, { InfoWindow, MapElementMixin, Marker, GMapCluster, Map } from '@appbaseio/vue-google-maps-community-fork';
 import geohash from 'ngeohash';
 
 var setStreaming = Actions.setStreaming,