@appbaseio/reactivesearch-vue 1.34.0-alpha.2 → 1.35.0

package/dist/es/{CancelSvg-14ebc9a1.js → CancelSvg-e40552a5.js}

@@ -1,32 +1,29 @@
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
-import { createVNode, createTextVNode } from 'vue';
-import { styled } from '@appbaseio/vue-emotion';
+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;
+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 "\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t";
+    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' ? "\n\t\t\t\t\tright: 0;\n\t\t\t  " : "\n\t\t\t\t\tleft: 0;\n\t\t\t  ";
+  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%;\n\tmin-width: 20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform: scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
-  var _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? {} : _ref$theme;
-  return theme.colors ? theme.colors.primaryColor : 'unset';
+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 _ref2$theme = _ref2.theme,
-    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
-  return theme.colors ? theme.colors.borderColor : '#000';
+  var theme = _ref2.theme;
+  return theme.colors.borderColor || '#000';
 });
 
 /**
@@ -81,7 +78,7 @@ var Downshift = {
     window.addEventListener('mousedown', this.handleWindowMousedown);
     window.addEventListener('mouseup', this.handleWindowMouseup);
   },
-  beforeUnmount: function beforeUnmount() {
+  beforeDestroy: function beforeDestroy() {
     window.removeEventListener('mousedown', this.handleWindowMousedown);
     window.removeEventListener('mouseup', this.handleWindowMouseup);
   },
@@ -373,27 +370,37 @@ var Downshift = {
     }
   },
   render: function render() {
+    var h = arguments[0];
     this.items = [];
-    return createVNode("div", {
+    return h("div", {
       "ref": "rootNode"
-    }, [this.$slots["default"] && this.$slots["default"](_extends({}, this.getHelpersAndState()))]);
+    }, [this.$scopedSlots["default"] && this.$scopedSlots["default"](_extends({}, this.getHelpersAndState()))]);
   }
 };
 
-var CancelSvg = (function () {
-  return createVNode("svg", {
-    "alt": "Clear",
-    "class": "cancel-icon",
-    "xmlns": "http://www.w3.org/2000/svg",
-    "height": "20px",
-    "viewBox": "0 0 24 24",
-    "width": "20px"
-  }, [createVNode("title", null, [createTextVNode("Clear")]), createVNode("path", {
-    "d": "M0 0h24v24H0V0z",
-    "fill": "none"
-  }, null), createVNode("path", {
-    "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"
-  }, null)]);
-});
+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/{Card-1951569e.js → Card-19ad6d90.js}

@@ -1,15 +1,16 @@
 import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
-import { styled } from '@appbaseio/vue-emotion';
+import { css } from 'emotion';
+import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';
 import './Title-863dfa42.js';
 
-var _templateObject, _templateObject2;
-var container = "\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n";
-var Image = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\twidth: calc(100% + 20px);\n\theight: 220px;\n\tmargin: -10px -10px 0;\n\tbackground-color: ", ";\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n"])), function (_ref) {
+var _templateObject, _templateObject2, _templateObject3;
+var container = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"])));
+var Image = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\twidth: calc(100% + 20px);\n\theight: 220px;\n\tmargin: -10px -10px 0;\n\tbackground-color: ", ";\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n"])), function (_ref) {
   var colors = _ref.theme.colors;
   return colors.backgroundColor || '#fcfcfc';
 });
-var Card = styled('a')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\twidth: auto;\n\tflex-grow: 1;\n\toutline: none;\n\ttext-decoration: none;\n\tmin-width: 240px;\n\tmax-width: 250px;\n\tborder-radius: 0.25rem;\n\tbackground-color: ", ";\n\theight: 300px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin: 8px;\n\tpadding: 10px;\n\toverflow: hidden;\n\tbox-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);\n\tcolor: ", ";\n\t", ";\n\ttransition: all 0.3s ease;\n\n\th2 {\n\t\twidth: 100%;\n\t\tfont-size: 0.9rem;\n\t\tline-height: 1.2rem;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmargin: 0;\n\t\tpadding: 10px 0 8px;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\tarticle {\n\t\tflex-grow: 1;\n\t\tfont-size: 0.9rem;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbox-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);\n\t}\n\n\t@media (max-width: 420px) {\n\t\twidth: 50%;\n\t\tmin-width: 0;\n\t\theight: 210px;\n\t\tmargin: 0;\n\t\tborder-radius: 0;\n\t\tbox-shadow: none;\n\t\tborder: 1px solid #eee;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbox-shadow: 0;\n\t\t}\n\t}\n"])), function (_ref2) {
+var Card = styled('a')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\twidth: auto;\n\tflex-grow: 1;\n\toutline: none;\n\ttext-decoration: none;\n\tmin-width: 240px;\n\tmax-width: 250px;\n\tborder-radius: 0.25rem;\n\tbackground-color: ", ";\n\theight: 300px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin: 8px;\n\tpadding: 10px;\n\toverflow: hidden;\n\tbox-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);\n\tcolor: ", ";\n\t", ";\n\ttransition: all 0.3s ease;\n\n\th2 {\n\t\twidth: 100%;\n\t\tfont-size: 0.9rem;\n\t\tline-height: 1.2rem;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmargin: 0;\n\t\tpadding: 10px 0 8px;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\tarticle {\n\t\tflex-grow: 1;\n\t\tfont-size: 0.9rem;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbox-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);\n\t}\n\n\t@media (max-width: 420px) {\n\t\twidth: 50%;\n\t\tmin-width: 0;\n\t\theight: 210px;\n\t\tmargin: 0;\n\t\tborder-radius: 0;\n\t\tbox-shadow: none;\n\t\tborder: 1px solid #eee;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbox-shadow: 0;\n\t\t}\n\t}\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fff';
 }, function (_ref3) {

package/dist/es/{ComponentWrapper-bf443c0b.js → ComponentWrapper-edaeaceb.js}

@@ -1,10 +1,9 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
-import { h } from 'vue';
 import VueTypes from 'vue-types';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-285a43a6.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-5509c0bc.js';
 
 var addComponent = Actions.addComponent,
   removeComponent = Actions.removeComponent,
@@ -64,7 +63,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       // or component is not present in store
       if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
         // Register  component
-        this.addComponent(this.componentId);
+        this.addComponent(this.componentId, this.$timestamp);
         var onQueryChange = function onQueryChange() {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
@@ -86,7 +85,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       }
       // Register internal component
       if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
-        this.addComponent(this.internalComponent);
+        this.addComponent(this.internalComponent, this.$timestamp);
         this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
       }
     },
@@ -149,10 +148,11 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
         }
       }
     },
-    render: function render() {
+    render: function render(h) {
       return h(component, {
         attrs: this.$attrs,
-        on: this.$attrs,
+        on: this.$listeners,
+        scopedSlots: this.$scopedSlots,
         slots: this.$slots
       });
     }

package/dist/es/Container-d00219f7.js

@@ -1,5 +1,5 @@
 import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
-import { styled } from '@appbaseio/vue-emotion';
+import styled from '@appbaseio/vue-emotion';
 
 var _templateObject;
 var Container = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t", ";\n"])), function (_ref) {