@appbaseio/reactivesearch-vue 1.30.0 → 1.32.0

package/dist/es/ReactiveList.js

@@ -1,188 +1,23 @@
-import { helper, Actions } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { Actions, helper } from '@appbaseio/reactivecore';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { withClickIds } from '@appbaseio/reactivecore/lib/utils/helper';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
-import { p as pagination, B as Button } from './Button-e18ad90f.js';
-import { t as types } from './vueTypes-687b2304.js';
+import './Button-35aa984e.js';
+import { t as types } from './vueTypes-b8146772.js';
+import { P as Pagination } from './Pagination-af9de08f.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-35edd732.js';
-import { c as container } from './ListItem-41d6ddd7.js';
-import { c as container$1 } from './Card-ad6ba09f.js';
-import { F as Flex } from './Flex-09d40927.js';
-
-var getClassName = helper.getClassName,
-    handleA11yAction = helper.handleA11yAction;
-
-function getStartPage(totalPages, currentPage, showEndPage) {
-  var midValue = parseInt(totalPages / 2, 10);
-  var start = currentPage - (showEndPage ? Math.ceil(midValue / 2) - 1 : midValue);
-  return start > 1 ? start : 2;
-}
-
-var Pagination = {
-  name: 'Pagination',
-  functional: true,
-  props: {
-    currentPage: types.number,
-    innerClass: types.style,
-    pages: types.number,
-    setPage: types.func,
-    totalPages: types.number,
-    showEndPage: VueTypes.bool,
-    prevLabel: types.string,
-    nextLabel: types.string
-  },
-  render: function render(createElement, context) {
-    var h = arguments[0];
-    var props = context.props;
-
-    var onPrevPage = function onPrevPage() {
-      if (props.currentPage) {
-        props.setPage(props.currentPage - 1);
-      }
-    };
-
-    var onNextPage = function onNextPage() {
-      if (props.currentPage < props.totalPages - 1) {
-        props.setPage(props.currentPage + 1);
-      }
-    };
-
-    if (!props.totalPages) {
-      return null;
-    }
-
-    var innerClassName = getClassName(props.innerClass, 'button');
-    var primary = props.currentPage === 0;
-    var className = innerClassName || primary ? innerClassName + " " + (primary ? 'active' : '') : '';
-
-    var buildPaginationDOM = function buildPaginationDOM(position) {
-      var pages = props.pages,
-          currentPage = props.currentPage,
-          totalPages = props.totalPages,
-          setPage = props.setPage,
-          showEndPage = props.showEndPage;
-      var start = position === 'start' ? getStartPage(pages, currentPage, showEndPage) : Math.max(2, Math.ceil(totalPages - (pages - 1) / 2 + 1));
-      var paginationButtons = [];
-
-      if (start <= totalPages) {
-        var totalPagesToShow = pages < totalPages ? start + (pages - 1) : totalPages + 1;
-
-        if (showEndPage) {
-          totalPagesToShow = position === 'start' ? start + (Math.ceil(pages / 2) - pages % 2) : totalPages + 1;
-        }
-
-        if (currentPage > totalPages - pages + 2) {
-          start = Math.max(2, totalPages - pages + 2);
-          totalPagesToShow = start + pages;
-        }
-
-        var _loop = function _loop(i) {
-          var activeButton = currentPage === i - 1;
-          var classNameBtn = innerClassName || activeButton ? innerClassName + " " + (activeButton ? 'active' : '') : '';
-          var pageBtn = h(Button, {
-            "class": classNameBtn,
-            "attrs": {
-              "primary": activeButton,
-              "tabIndex": "0",
-              "alt": "page-" + i
-            },
-            "on": {
-              "keyPress": function keyPress(event) {
-                return handleA11yAction(event, function () {
-                  return setPage(i - 1);
-                });
-              },
-              "click": function click() {
-                return setPage(i - 1);
-              }
-            }
-          }, [i]);
-
-          if (i <= totalPages + 1) {
-            paginationButtons.push(pageBtn);
-          }
-        };
-
-        for (var i = start; i < Math.min(totalPages + 1, totalPagesToShow); i += 1) {
-          _loop(i);
-        }
-      }
-
-      return paginationButtons;
-    };
-
-    var buildIntermediatePaginationDom = function buildIntermediatePaginationDom() {
-      var showEndPage = props.showEndPage,
-          currentPage = props.currentPage,
-          totalPages = props.totalPages,
-          pages = props.pages;
-      if (!showEndPage) return buildPaginationDOM('start');
-
-      if (currentPage <= totalPages - pages + 2 || totalPages <= pages) {
-        return buildPaginationDOM('start');
-      }
-
-      return null;
-    };
-
-    return h("div", {
-      "class": pagination + " " + getClassName(props.innerClass, 'pagination')
-    }, [h(Button, {
-      "class": getClassName(props.innerClass, 'button') || '',
-      "attrs": {
-        "disabled": props.currentPage === 0,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, onPrevPage);
-        },
-        "click": onPrevPage
-      }
-    }, [props.prevLabel || 'Prev']), h(Button, {
-      "class": className,
-      "attrs": {
-        "primary": primary,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, function () {
-            return props.setPage(0);
-          });
-        },
-        "click": function click() {
-          return props.setPage(0);
-        }
-      }
-    }, ["1"]), props.showEndPage && props.currentPage >= Math.floor(props.pages / 2) + !!(props.pages % 2) ? h("span", ["..."]) : null, buildIntermediatePaginationDom(), props.showEndPage && props.pages > 2 && props.currentPage <= props.totalPages - Math.ceil(props.pages * 0.75) ? h("span", ["..."]) : null, props.showEndPage && props.totalPages >= props.pages && buildPaginationDOM('end'), h(Button, {
-      "class": getClassName(props.innerClass, 'button') || '',
-      "attrs": {
-        "disabled": props.currentPage >= props.totalPages - 1,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, onNextPage);
-        },
-        "click": onNextPage
-      }
-    }, [props.nextLabel || 'Next'])]);
-  }
-};
-
-Pagination.install = function (Vue) {
-  Vue.component(Pagination.name, Pagination);
-};
+import './Title-3342664a.js';
+import { c as container } from './ListItem-cad14c5e.js';
+import { c as container$1 } from './Card-450683f1.js';
+import { F as Flex } from './Flex-1f0795c3.js';
 
 var _templateObject;
 var PoweredByImage = styled('img')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));
@@ -427,7 +262,7 @@ var setQueryOptions = Actions.setQueryOptions,
     recordResultClick = Actions.recordResultClick;
 var isEqual$1 = helper.isEqual,
     getQueryOptions = helper.getQueryOptions,
-    getClassName$1 = helper.getClassName,
+    getClassName = helper.getClassName,
     parseHits = helper.parseHits,
     getCompositeAggsQuery = helper.getCompositeAggsQuery,
     getResultStats = helper.getResultStats,
@@ -544,7 +379,8 @@ var ReactiveList = {
     nextLabel: types.string,
     distinctField: types.string,
     distinctFieldConfig: types.props,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   computed: {
     shouldRenderPagination: function shouldRenderPagination() {
@@ -793,7 +629,7 @@ var ReactiveList = {
       "attrs": {
         "labelPosition": this.sortOptions ? 'right' : 'left'
       },
-      "class": getClassName$1(this.$props.innerClass, 'resultsInfo')
+      "class": getClassName(this.$props.innerClass, 'resultsInfo')
     }, [this.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && hits && hits.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination, {
       "attrs": {
         "pages": this.$props.pages,
@@ -825,7 +661,7 @@ var ReactiveList = {
       "attrs": {
         "direction": "row-reverse"
       },
-      "class": getClassName$1(this.$props.innerClass, 'poweredBy')
+      "class": getClassName(this.$props.innerClass, 'poweredBy')
     }, [h(PoweredBy)]) : null]);
   },
   methods: {
@@ -845,7 +681,7 @@ var ReactiveList = {
       var size = this.$props.size;
       var renderItem = this.$scopedSlots.renderItem || this.$props.renderItem;
       var element = this.hasCustomRender ? this.getComponent() : h("div", {
-        "class": this.$props.listClass + " " + getClassName$1(this.$props.innerClass, 'list')
+        "class": this.$props.listClass + " " + getClassName(this.$props.innerClass, 'list')
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
@@ -964,7 +800,7 @@ var ReactiveList = {
 
       if (this.stats.numberOfResults) {
         return h("p", {
-          "class": resultStats + " " + getClassName$1(this.$props.innerClass, 'resultStats')
+          "class": resultStats + " " + getClassName(this.$props.innerClass, 'resultStats')
         }, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
       }
 
@@ -979,7 +815,7 @@ var ReactiveList = {
       }
 
       return h("p", {
-        "class": getClassName$1(this.$props.innerClass, 'noResults') || null
+        "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     },
     handleSortChange: function handleSortChange(e) {
@@ -1031,7 +867,7 @@ var ReactiveList = {
     renderSortOptions: function renderSortOptions() {
       var h = this.$createElement;
       return h("select", {
-        "class": sortOptions + " " + getClassName$1(this.$props.innerClass, 'sortOptions'),
+        "class": sortOptions + " " + getClassName(this.$props.innerClass, 'sortOptions'),
         "attrs": {
           "name": "sort-options",
           "aria-label": "Sort options"
@@ -1105,8 +941,6 @@ var ReactiveList = {
         error: error,
         loading: isLoading || false,
         loadMore: this.loadMore,
-        // TODO: Remove in v2
-        triggerAnalytics: this.triggerClickAnalytics,
         triggerClickAnalytics: this.triggerClickAnalytics,
         setPage: this.setPage
       }, this.getData());

package/dist/es/ResultCard.js

@@ -1,12 +1,12 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-35edd732.js';
-import { I as Image, C as Card } from './Card-ad6ba09f.js';
+import { T as Title } from './Title-3342664a.js';
+import { I as Image, C as Card } from './Card-450683f1.js';
 
 var ResultCardTitle = {
   name: 'ResultCardTitle',

package/dist/es/ResultList.js

@@ -1,12 +1,12 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-35edd732.js';
-import { I as Image, L as ListItem } from './ListItem-41d6ddd7.js';
+import { T as Title } from './Title-3342664a.js';
+import { I as Image, L as ListItem } from './ListItem-cad14c5e.js';
 
 var ResultListContent = {
   name: 'ResultListContent',

package/dist/es/SelectedFilters.js

@@ -1,16 +1,16 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { f as filters, B as Button } from './Button-e18ad90f.js';
-import { t as types } from './vueTypes-687b2304.js';
+import { f as filters, B as Button } from './Button-35aa984e.js';
+import { t as types } from './vueTypes-b8146772.js';
 import 'redux';
-import { c as connect } from './index-5371a13f.js';
-import { T as Title } from './Title-35edd732.js';
-import { C as Container } from './Container-421450dc.js';
+import { n as decodeHtml, c as connect } from './index-7788a843.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
 
 var setValue = Actions.setValue,
     clearValues = Actions.clearValues,
@@ -164,7 +164,7 @@ var SelectedFilters = {
 
           return _this3.renderFilterButton(component, component + "-" + (index + 1), function () {
             return _this3.remove(component, value);
-          }, selectedValues[component].label + ": " + valueToRender);
+          }, selectedValues[component].label + ": " + decodeHtml(valueToRender));
         }
 
         return null;

package/dist/es/SingleDropdownList.js

@@ -1,25 +1,25 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-e18ad90f.js';
-import { t as types } from './vueTypes-687b2304.js';
+import { l as loadMoreContainer, B as Button } from './Button-35aa984e.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-35edd732.js';
-import './CancelSvg-e3b33cdd.js';
-import './Input-c9d757bc.js';
+import { T as Title } from './Title-3342664a.js';
+import './CancelSvg-4cfae5fd.js';
+import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
-import { C as Container } from './Container-421450dc.js';
+import { C as Container } from './Container-ba826e96.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import { g as getAggsQuery } from './utils-9b45e0ab.js';
-import { D as Dropdown } from './DropDown-565fad6f.js';
+import { g as getAggsQuery } from './utils-9e68acee.js';
+import { D as Dropdown } from './DropDown-05a644a5.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -81,7 +81,8 @@ var SingleDropdownList = {
     loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
     nestedField: types.string,
     index: VueTypes.string,
-    searchPlaceholder: VueTypes.string.def('Type here to search...')
+    searchPlaceholder: VueTypes.string.def('Type here to search...'),
+    endpoint: types.endpointConfig
   },
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {

package/dist/es/SingleList.js

@@ -1,21 +1,21 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
-import { T as Title } from './Title-35edd732.js';
-import { I as Input } from './Input-c9d757bc.js';
-import { C as Container } from './Container-421450dc.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, o as isEvent, h as hasCustomRenderer, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { T as Title } from './Title-3342664a.js';
+import { I as Input } from './Input-7a2a9fac.js';
+import { C as Container } from './Container-ba826e96.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
-import { U as UL, R as Radio } from './FormControlList-38ffe3d3.js';
-import { g as getAggsQuery } from './utils-9b45e0ab.js';
+import { U as UL, R as Radio } from './FormControlList-c22d64f6.js';
+import { g as getAggsQuery } from './utils-9e68acee.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -59,7 +59,8 @@ var SingleList = {
     missingLabel: VueTypes.string.def('N/A'),
     nestedField: types.string,
     index: VueTypes.string,
-    enableStrictSelection: VueTypes.bool.def(false)
+    enableStrictSelection: VueTypes.bool.def(false),
+    endpoint: types.endpointConfig
   },
   data: function data() {
     var props = this.$props;

package/dist/es/SingleRange.js

@@ -1,18 +1,18 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-51ce1182.js';
+import './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
-import { T as Title } from './Title-35edd732.js';
-import { C as Container } from './Container-421450dc.js';
-import { U as UL, R as Radio } from './FormControlList-38ffe3d3.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
+import { U as UL, R as Radio } from './FormControlList-c22d64f6.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -47,7 +47,8 @@ var SingleRange = {
     title: types.title,
     URLParams: VueTypes.bool.def(false),
     nestedField: types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {

package/dist/es/StateProvider.js

@@ -1,10 +1,10 @@
 import { helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import { isInternalComponent } from '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-5371a13f.js';
+import { c as connect } from './index-7788a843.js';
 import { setValues } from '@appbaseio/reactivecore/lib/actions/value';
 
 var getSearchState = helper.getSearchState;
@@ -26,23 +26,61 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
   }
 
   var _props = props,
-      componentIds = _props.componentIds;
+      componentIds = _props.componentIds,
+      excludeComponentIds = _props.excludeComponentIds;
 
-  if (typeof componentIds === 'string') {
-    var _ref;
+  if (componentIds) {
+    if (typeof componentIds === 'string') {
+      var _ref;
 
-    return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
+      return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
+    }
+
+    if (Array.isArray(componentIds) && componentIds.length) {
+      var _filteredState = {};
+      componentIds.forEach(function (componentId) {
+        _filteredState[componentId] = state[componentId];
+      });
+      return _filteredState;
+    }
   }
 
-  if (Array.isArray(componentIds)) {
-    var filteredState = {};
-    componentIds.forEach(function (componentId) {
+  var filteredState = {};
+
+  if (!props.includeInternalComponents) {
+    Object.keys(state).forEach(function (componentId) {
+      if (componentId.endsWith('internal') || componentId.endsWith('active') || componentId.endsWith('timestamp')) {
+        return;
+      }
+
       filteredState[componentId] = state[componentId];
     });
-    return filteredState;
+  } else {
+    filteredState = state;
+  } // Apply exclude component ids
+
+
+  if (excludeComponentIds) {
+    if (typeof excludeComponentIds === 'string') {
+      Object.keys(state).forEach(function (componentId) {
+        if (componentId === excludeComponentIds) {
+          // Delete state
+          delete filteredState[componentId];
+        }
+      });
+    }
+
+    if (Array.isArray(excludeComponentIds) && excludeComponentIds.length) {
+      Object.keys(state).forEach(function (componentId) {
+        if (excludeComponentIds.includes(componentId)) {
+          // Delete state
+          delete filteredState[componentId];
+        }
+      });
+    }
   }
 
-  return state;
+  return filteredState;
 };
 
 var filterByKeys = function filterByKeys(state, allowedKeys) {
@@ -65,7 +103,9 @@ var StateProvider = {
     onChange: VueTypes.func,
     componentIds: VueTypes.oneOfType([VueTypes.string, VueTypes.arrayOf(VueTypes.string)]),
     includeKeys: VueTypes.arrayOf(VueTypes.string).def(defaultKeys),
-    strict: VueTypes.bool.def(true)
+    strict: VueTypes.bool.def(true),
+    includeInternalComponents: VueTypes.bool.def(false),
+    excludeComponentIds: VueTypes.oneOfType([VueTypes.string, VueTypes.arrayOf(VueTypes.string)])
   },
   data: function data() {
     this.__state = {
@@ -80,21 +120,21 @@ var StateProvider = {
     searchStateProps: function searchStateProps() {
       return {
         selectedValues: this.selectedValues || {},
-        queryLog: this.queryLog,
-        dependencyTree: this.dependencyTree,
-        componentProps: this.componentProps,
-        hits: this.hits,
-        aggregations: this.aggregations,
-        isLoading: this.isLoading,
-        error: this.error,
-        promotedResults: this.promotedResults,
-        rawData: this.rawData
+        queryLog: this.queryLog || {},
+        dependencyTree: this.dependencyTree || {},
+        componentProps: this.componentProps || {},
+        hits: this.hits || {},
+        aggregations: this.aggregations || {},
+        isLoading: this.isLoading || {},
+        error: this.error || {},
+        promotedResults: this.promotedResults || {},
+        rawData: this.rawData || {}
       };
     }
   },
   watch: {
     searchState: function searchState(newVal, oldVal) {
-      if (this.isStateChanged(newVal, oldVal)) {
+      if (oldVal != null && this.isStateChanged(newVal, oldVal)) {
         this.$emit('change', oldVal, newVal);
       }
     },
@@ -125,6 +165,9 @@ var StateProvider = {
     componentIds: function componentIds(newVal, oldVal) {
       this.calculateSearchState(newVal, oldVal);
     },
+    excludeComponentIds: function excludeComponentIds(newVal, oldVal) {
+      this.calculateSearchState(newVal, oldVal);
+    },
     includeKeys: function includeKeys(newVal, oldVal) {
       this.calculateSearchState(newVal, oldVal);
     },

package/dist/es/{Title-35edd732.js → Title-3342664a.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import styled from '@appbaseio/vue-emotion';
 
 var _templateObject;

package/dist/es/ToggleButton.js

@@ -1,18 +1,18 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-51ce1182.js';
+import './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { B as Button, t as toggleButtons } from './Button-e18ad90f.js';
-import { t as types } from './vueTypes-687b2304.js';
+import { B as Button, t as toggleButtons } from './Button-35aa984e.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
-import { T as Title } from './Title-35edd732.js';
-import { C as Container } from './Container-421450dc.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -41,7 +41,8 @@ var ToggleButton = {
     URLParams: VueTypes.bool,
     renderItem: types.func,
     index: VueTypes.string,
-    enableStrictSelection: VueTypes.bool
+    enableStrictSelection: VueTypes.bool,
+    endpoint: types.endpointConfig
   },
   data: function data() {
     this.__state = {