@appbaseio/reactivesearch-vue 1.16.0-alpha.30 → 1.16.0-alpha.33

package/dist/cjs/{DropDown-0359da33.js → DropDown-cf9bfffc.js}

@@ -4,15 +4,15 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-6de9d2a9.js');
-var index = require('./index-2a8358cd.js');
-var CancelSvg = require('./CancelSvg-82021d23.js');
-var Input = require('./Input-c6f181d5.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
+var index = require('./index-89c39a9e.js');
+var CancelSvg = require('./CancelSvg-4aa35935.js');
+var Input = require('./Input-3cc3fa59.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;

package/dist/cjs/DynamicRangeSlider.js

@@ -6,17 +6,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var Title = require('./Title-39765ee6.js');
-var Container = require('./Container-8a08d663.js');
+var index = require('./index-89c39a9e.js');
+var Title = require('./Title-584a8cc8.js');
+var Container = require('./Container-526efa6a.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-c333c82c.js');
+var ssr = require('./ssr-0ee35a09.js');
 
 var addComponent = configureStore.Actions.addComponent,
     removeComponent = configureStore.Actions.removeComponent,

package/dist/cjs/{Flex-699639d2.js → Flex-f146cdad.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);

package/dist/cjs/{FormControlList-73497794.js → FormControlList-808dbcef.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);

package/dist/cjs/{Input-c6f181d5.js → Input-3cc3fa59.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);

package/dist/cjs/{ListItem-933c27e4.js → ListItem-b40adb04.js}

@@ -2,12 +2,12 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var polished = require('polished');
-require('./Title-39765ee6.js');
+require('./Title-584a8cc8.js');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));

package/dist/cjs/MultiDropdownList.js

@@ -6,26 +6,26 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var Button = require('./Button-11307285.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
-var Title = require('./Title-39765ee6.js');
-require('./CancelSvg-82021d23.js');
-require('./Input-c6f181d5.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
+var Title = require('./Title-584a8cc8.js');
+require('./CancelSvg-4aa35935.js');
+require('./Input-3cc3fa59.js');
 require('compute-scroll-into-view');
-var Container = require('./Container-8a08d663.js');
+var Container = require('./Container-526efa6a.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-var utils = require('./utils-23afb20b.js');
-var DropDown = require('./DropDown-0359da33.js');
+var utils = require('./utils-1219e1fe.js');
+var DropDown = require('./DropDown-cf9bfffc.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/MultiList.js

@@ -6,23 +6,23 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
-var Title = require('./Title-39765ee6.js');
-var Input = require('./Input-c6f181d5.js');
-var Container = require('./Container-8a08d663.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
+var Title = require('./Title-584a8cc8.js');
+var Input = require('./Input-3cc3fa59.js');
+var Container = require('./Container-526efa6a.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
-var FormControlList = require('./FormControlList-73497794.js');
-var utils = require('./utils-23afb20b.js');
+var FormControlList = require('./FormControlList-808dbcef.js');
+var utils = require('./utils-1219e1fe.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/MultiRange.js

@@ -6,20 +6,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
-var Title = require('./Title-39765ee6.js');
-var Container = require('./Container-8a08d663.js');
-var FormControlList = require('./FormControlList-73497794.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
+var Title = require('./Title-584a8cc8.js');
+var Container = require('./Container-526efa6a.js');
+var FormControlList = require('./FormControlList-808dbcef.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/RangeInput.js

@@ -6,24 +6,24 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
-require('./Title-39765ee6.js');
-var Flex = require('./Flex-699639d2.js');
-var Input = require('./Input-c6f181d5.js');
-var Container = require('./Container-8a08d663.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
+require('./Title-584a8cc8.js');
+var Flex = require('./Flex-f146cdad.js');
+var Input = require('./Input-3cc3fa59.js');
+var Container = require('./Container-526efa6a.js');
 require('vue-no-ssr');
-require('./ssr-c333c82c.js');
+require('./ssr-0ee35a09.js');
 var RangeSlider = require('./RangeSlider.js');
 
 var _templateObject, _templateObject2;

package/dist/cjs/RangeSlider.js

@@ -6,19 +6,19 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
-var Title = require('./Title-39765ee6.js');
-var Container = require('./Container-8a08d663.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
+var Title = require('./Title-584a8cc8.js');
+var Container = require('./Container-526efa6a.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-c333c82c.js');
+var ssr = require('./ssr-0ee35a09.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/ReactiveBase.js

@@ -6,15 +6,15 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('redux');
-var index = require('./index-2a8358cd.js');
+var index = require('./index-89c39a9e.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));

package/dist/cjs/ReactiveComponent.js

@@ -6,14 +6,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 
 var _excluded = ["options"],
     _excluded2 = ["query"],

package/dist/cjs/ReactiveList.js

@@ -6,7 +6,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
@@ -14,18 +14,183 @@ var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
-var Pagination = require('./Pagination-1b2320a7.js');
+var Button = require('./Button-11307285.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
+var index = require('./index-89c39a9e.js');
+var ComponentWrapper = require('./ComponentWrapper-32481890.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-require('./Title-39765ee6.js');
-var ListItem = require('./ListItem-933c27e4.js');
-var Card = require('./Card-4b915733.js');
-var Flex = require('./Flex-699639d2.js');
+require('./Title-584a8cc8.js');
+var ListItem = require('./ListItem-b40adb04.js');
+var Card = require('./Card-fd94ef07.js');
+var Flex = require('./Flex-f146cdad.js');
+
+var getClassName = configureStore.helper.getClassName,
+    handleA11yAction = configureStore.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: vueTypes.types.number,
+    innerClass: vueTypes.types.style,
+    pages: vueTypes.types.number,
+    setPage: vueTypes.types.func,
+    totalPages: vueTypes.types.number,
+    showEndPage: VueTypes.bool,
+    prevLabel: vueTypes.types.string,
+    nextLabel: vueTypes.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.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": Button.pagination + " " + getClassName(props.innerClass, 'pagination')
+    }, [h(Button.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.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.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);
+};
 
 var _templateObject;
 var PoweredByImage = styled__default('img')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));
@@ -270,7 +435,7 @@ var setQueryOptions = configureStore.Actions.setQueryOptions,
     recordResultClick = configureStore.Actions.recordResultClick;
 var isEqual$1 = configureStore.helper.isEqual,
     getQueryOptions = configureStore.helper.getQueryOptions,
-    getClassName = configureStore.helper.getClassName,
+    getClassName$1 = configureStore.helper.getClassName,
     parseHits = configureStore.helper.parseHits,
     getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
     getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
@@ -644,8 +809,8 @@ var ReactiveList = {
       "attrs": {
         "labelPosition": this.sortOptions ? 'right' : 'left'
       },
-      "class": getClassName(this.$props.innerClass, 'resultsInfo')
-    }, [this.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && results.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination.Pagination, {
+      "class": getClassName$1(this.$props.innerClass, 'resultsInfo')
+    }, [this.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && results.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination, {
       "attrs": {
         "pages": this.$props.pages,
         "totalPages": this.totalPages,
@@ -661,7 +826,7 @@ var ReactiveList = {
         margin: '20px 0',
         color: '#666'
       }
-    }, ["Loading..."]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ? h(Pagination.Pagination, {
+    }, ["Loading..."]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ? h(Pagination, {
       "attrs": {
         "pages": this.$props.pages,
         "totalPages": Math.ceil(this.$data.total / this.$props.size),
@@ -676,7 +841,7 @@ var ReactiveList = {
       "attrs": {
         "direction": "row-reverse"
       },
-      "class": getClassName(this.$props.innerClass, 'poweredBy')
+      "class": getClassName$1(this.$props.innerClass, 'poweredBy')
     }, [h(PoweredBy)]) : null]);
   },
   methods: {
@@ -696,7 +861,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(this.$props.innerClass, 'list')
+        "class": this.$props.listClass + " " + getClassName$1(this.$props.innerClass, 'list')
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
@@ -814,7 +979,7 @@ var ReactiveList = {
 
       if (this.stats.numberOfResults) {
         return h("p", {
-          "class": resultStats + " " + getClassName(this.$props.innerClass, 'resultStats')
+          "class": resultStats + " " + getClassName$1(this.$props.innerClass, 'resultStats')
         }, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
       }
 
@@ -829,7 +994,7 @@ var ReactiveList = {
       }
 
       return h("p", {
-        "class": getClassName(this.$props.innerClass, 'noResults') || null
+        "class": getClassName$1(this.$props.innerClass, 'noResults') || null
       }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     },
     handleSortChange: function handleSortChange(e) {
@@ -878,7 +1043,7 @@ var ReactiveList = {
     renderSortOptions: function renderSortOptions() {
       var h = this.$createElement;
       return h("select", {
-        "class": sortOptions + " " + getClassName(this.$props.innerClass, 'sortOptions'),
+        "class": sortOptions + " " + getClassName$1(this.$props.innerClass, 'sortOptions'),
         "attrs": {
           "name": "sort-options",
           "aria-label": "Sort options"

package/dist/cjs/ResultCard.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var Title = require('./Title-39765ee6.js');
-var Card = require('./Card-4b915733.js');
+var Title = require('./Title-584a8cc8.js');
+var Card = require('./Card-fd94ef07.js');
 
 var ResultCardTitle = {
   name: 'ResultCardTitle',

package/dist/cjs/ResultList.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var Title = require('./Title-39765ee6.js');
-var ListItem = require('./ListItem-933c27e4.js');
+var Title = require('./Title-584a8cc8.js');
+var ListItem = require('./ListItem-b40adb04.js');
 
 var ResultListContent = {
   name: 'ResultListContent',

package/dist/cjs/SelectedFilters.js

@@ -6,18 +6,18 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-6de9d2a9.js');
+var Button = require('./Button-11307285.js');
+var vueTypes = require('./vueTypes-57d01f18.js');
 require('redux');
-var index = require('./index-2a8358cd.js');
-var Title = require('./Title-39765ee6.js');
-var Container = require('./Container-8a08d663.js');
+var index = require('./index-89c39a9e.js');
+var Title = require('./Title-584a8cc8.js');
+var Container = require('./Container-526efa6a.js');
 
 var setValue = configureStore.Actions.setValue,
     clearValues = configureStore.Actions.clearValues,