@appbaseio/reactivesearch-vue 1.24.3 → 1.27.0-gamma.1

package/dist/cjs/install.js

@@ -11,12 +11,12 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-11307285.js');
-require('./vueTypes-4c19b4c8.js');
-var ReactiveList = require('./ReactiveList.js');
+require('./vueTypes-57d01f18.js');
+require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-89c39a9e.js');
-require('./ComponentWrapper-32481890.js');
+require('./index-4509aa45.js');
+require('./ComponentWrapper-10bad289.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-584a8cc8.js');
 require('./ListItem-b40adb04.js');
@@ -25,41 +25,37 @@ require('./Flex-f146cdad.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
-var ReactiveBase = require('./ReactiveBase.js');
+require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch.js');
-require('./Input-3cc3fa59.js');
+require('./DataSearch-37dfdf39.js');
+require('./CancelSvg-4aa35935.js');
+require('./Input-a9ee53ed.js');
 require('compute-scroll-into-view');
-require('./DownShift-62e82255.js');
 require('./Container-526efa6a.js');
 require('vue-highlight-words');
+var install = require('./install-b7a80fc1.js');
+require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-808dbcef.js');
 require('./utils-1219e1fe.js');
-var SingleList = require('./SingleList.js');
-var MultiList = require('./MultiList.js');
-require('./DropDown-6815b9b6.js');
-var SingleDropdownList = require('./SingleDropdownList.js');
-var MultiDropdownList = require('./MultiDropdownList.js');
-var ToggleButton = require('./ToggleButton.js');
-var ReactiveComponent = require('./ReactiveComponent.js');
-var SelectedFilters = require('./SelectedFilters.js');
-var SingleRange = require('./SingleRange.js');
-var MultiRange = require('./MultiRange.js');
-var ResultCard = require('./ResultCard.js');
-var ResultList = require('./ResultList.js');
+require('./SingleList.js');
+require('./MultiList.js');
+require('./DropDown-0076babc.js');
+require('./SingleDropdownList.js');
+require('./MultiDropdownList.js');
+require('./ToggleButton.js');
+require('./ReactiveComponent.js');
+require('./SelectedFilters.js');
+require('./SingleRange.js');
+require('./MultiRange.js');
+require('./ResultCard.js');
+require('./ResultList.js');
 require('vue-no-ssr');
-require('./ssr-08e95ede.js');
-var RangeSlider = require('./RangeSlider.js');
-var DynamicRangeSlider = require('./DynamicRangeSlider.js');
-var StateProvider = require('./StateProvider.js');
-var RangeInput = require('./RangeInput.js');
+require('./ssr-0ee35a09.js');
+require('./RangeSlider.js');
+require('./DynamicRangeSlider.js');
+require('./StateProvider.js');
+require('./RangeInput.js');
 
-var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, DataSearch.default, SingleList.default, MultiList.default, SingleRange.default, MultiRange.default, RangeSlider.default, DynamicRangeSlider.default, ReactiveComponent.default, SelectedFilters.default, ToggleButton.default, SingleDropdownList.default, MultiDropdownList.default, StateProvider.default, RangeInput.default];
-function install (Vue) {
-  components.map(function (component) {
-    Vue.use(component);
-    return null;
-  });
-}
 
-exports.default = install;
+
+exports.default = install.install;

package/dist/cjs/ssr-0ee35a09.js

@@ -0,0 +1,39 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var styled = require('@appbaseio/vue-emotion');
+var styled__default = _interopDefault(styled);
+var NoSSR = _interopDefault(require('vue-no-ssr'));
+
+var _templateObject;
+var Slider = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
+
+/**
+ * Caution: Please do not change this file without having a discussion with the Team.
+ * Any change may break the umd build, we're directly replacing the line no: 14
+ * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
+ */
+// eslint-disable-next-line
+
+var getComponents = function getComponents() {
+  var components = {
+    NoSSR: NoSSR
+  };
+
+  if (process.browser) {
+    try {
+      // in older versions of nuxt, it's process.BROWSER_BUILD
+      // eslint-disable-next-line
+      components['vue-slider-component'] = require('vue-slider-component');
+    } catch (e) {
+      console.error('Unable to load vue-slider', e);
+    }
+  }
+
+  return components;
+};
+
+exports.Slider = Slider;
+exports.getComponents = getComponents;

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.24.3";
+var version = "1.27.0-gamma.1";
 
 exports.default = version;

package/dist/cjs/{vueTypes-4c19b4c8.js → vueTypes-57d01f18.js}

@@ -99,19 +99,19 @@ var types = {
   unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
   value: VueTypes.string.def(undefined),
   analyticsConfig: VueTypes.shape({
-    searchStateHeader: VueTypes.bool,
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,
     userId: VueTypes.string,
     customEvents: VueTypes.object
   }),
   appbaseConfig: VueTypes.shape({
-    enableQueryRules: VueTypes.bool,
     recordAnalytics: VueTypes.bool,
-    searchStateHeader: VueTypes.bool,
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,
+    enableQueryRules: VueTypes.bool,
+    enableSearchRelevancy: VueTypes.bool,
     userId: VueTypes.string,
+    useCache: VueTypes.bool,
     customEvents: VueTypes.object,
     enableTelemetry: VueTypes.bool.def(true)
   }).def({}),

package/dist/es/{DownShift-3558d402.js → CancelSvg-c2c03a35.js}

@@ -1,6 +1,33 @@
-import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import styled, { css } from '@appbaseio/vue-emotion';
 import computeScrollIntoView from 'compute-scroll-into-view';
 
+var _templateObject;
+var InputWrapper = styled('span')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  position: relative;\n"])));
+
+var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
+var IconGroup = styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
+  var positionType = _ref.positionType;
+
+  if (positionType === 'absolute') {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t"])));
+  }
+
+  return null;
+}, function (_ref2) {
+  var groupPosition = _ref2.groupPosition;
+  return groupPosition === 'right' ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tright: 0;\n\t\t\t  "]))) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tleft: 0;\n\t\t\t  "])));
+});
+
+var _templateObject$2;
+var IconWrapper = styled('div')(_templateObject$2 || (_templateObject$2 = _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%;min-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) {
+  var theme = _ref.theme;
+  return theme.colors.primaryColor;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.colors.borderColor || '#000';
+});
+
 /**
  * Scroll node into view if necessary
  * @param {HTMLElement} node the element that should scroll into view
@@ -36,8 +63,7 @@ var Downshift = {
       internal_isOpen: false,
       internal_inputValue: '',
       internal_selectedItem: null,
-      internal_highlightedIndex: null,
-      internal_eventsCalled: {}
+      internal_highlightedIndex: null
     };
   },
   computed: {
@@ -222,23 +248,11 @@ var Downshift = {
       }
 
       var vm = this;
-      setTimeout(function () {
-        vm.internal_eventsCalled[index] = false;
-      }, 0);
       return {
         mouseenter: function mouseenter() {
           vm.setHighlightedIndex(newIndex);
         },
-        // for browsers not supporting click event (e.g. firefox android)
-        mousedown: function mousedown(event) {
-          if (vm.internal_eventsCalled[index]) return;
-          vm.internal_eventsCalled[index] = true;
-          event.stopPropagation();
-          vm.selectItemAtIndex(newIndex);
-        },
         click: function click(event) {
-          if (vm.internal_eventsCalled[index]) return;
-          vm.internal_eventsCalled[index] = true;
           event.stopPropagation();
           vm.selectItemAtIndex(newIndex);
         }
@@ -398,4 +412,29 @@ var Downshift = {
   }
 };
 
-export { Downshift as D };
+var CancelSvg = {
+  functional: true,
+  render: function render(h) {
+    return h("svg", {
+      "attrs": {
+        "alt": "Clear",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "20px",
+        "viewBox": "0 0 24 24",
+        "width": "20px"
+      },
+      "class": "cancel-icon"
+    }, [h("title", ["Clear"]), h("path", {
+      "attrs": {
+        "d": "M0 0h24v24H0V0z",
+        "fill": "none"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+      }
+    })]);
+  }
+};
+
+export { CancelSvg as C, Downshift as D, IconWrapper as I, IconGroup as a, InputWrapper as b };

package/dist/es/{ComponentWrapper-4f85a67e.js → ComponentWrapper-0f3431d1.js}

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-cb1950b6.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-78920565.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,