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

package/dist/cjs/Button-626c5e8e.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vueEmotion = require('@appbaseio/vue-emotion');
+var emotion = require('emotion');
+var polished = require('polished');
+
+var _templateObject, _templateObject2;
+var filters = function filters(_ref) {
+  var borderColor = _ref.colors.borderColor;
+  return "\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid " + (borderColor || '#fff') + ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n";
+};
+var pagination = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\tbutton {\n\t\tmargin: 0 3px;\n\t}\n"])));
+var toggleButtons = "\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n";
+var primary = function primary(_ref2) {
+  var theme = _ref2.theme;
+  return "\n\tbackground-color: " + theme.colors.primaryColor + ";\n\tcolor: " + theme.colors.primaryTextColor + ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + polished.darken(0.1, theme.colors.primaryColor) + ";\n\t}\n";
+};
+var large = function large() {
+  return "\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n";
+};
+var disabled = function disabled(_ref3) {
+  var theme = _ref3.theme;
+  return "\n\tbackground-color: " + (theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fafafa') + ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + (theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fafafa') + ";\n\t}\n";
+};
+var Button = vueEmotion.styled('button')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.colors ? theme.colors.backgroundColor : '#eee';
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colors ? theme.colors.textColor : '';
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.colors && theme.colors.backgroundColor ? polished.darken(0.1, theme.colors.backgroundColor) : '#ccc';
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.colors && theme.colors.primaryColor ? polished.rgba(theme.colors.primaryColor, 0.6) : 'unset';
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.colors && theme.colors.primaryColor ? "0 0 0 2px " + polished.rgba(theme.colors.primaryColor, 0.3) : '';
+}, function (props) {
+  return props.primary ? primary : null;
+}, function (props) {
+  return props.disabled ? disabled : null;
+}, function (props) {
+  return props.large && large;
+});
+var loadMoreContainer = emotion.css({
+  margin: '5px 0',
+  display: 'flex',
+  justifyContent: 'center'
+});
+
+exports.Button = Button;
+exports.filters = filters;
+exports.loadMoreContainer = loadMoreContainer;
+exports.pagination = pagination;
+exports.toggleButtons = toggleButtons;

package/dist/cjs/{CancelSvg-220a7cc3.js → CancelSvg-062a42f0.js}

@@ -3,32 +3,34 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
+var vue = require('vue');
+var vueEmotion = require('@appbaseio/vue-emotion');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 
 var _templateObject;
-var InputWrapper = styled__default('span')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n  flex: 1;\n  position: relative;\n"])));
+var InputWrapper = vueEmotion.styled('span')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n  flex: 1;\n  position: relative;\n"])));
 
-var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
-var IconGroup = styled__default('div')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._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 _templateObject$1;
+var IconGroup = vueEmotion.styled('div')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._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 styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._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 "\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' ? styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\t\tright: 0;\n\t\t\t  "]))) : styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\t\tleft: 0;\n\t\t\t  "])));
+  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  ";
 });
 
 var _templateObject$2;
-var IconWrapper = styled__default('div')(_templateObject$2 || (_templateObject$2 = _rollupPluginBabelHelpers._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;
+var IconWrapper = vueEmotion.styled('div')(_templateObject$2 || (_templateObject$2 = _rollupPluginBabelHelpers._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';
 }, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.borderColor || '#000';
+  var _ref2$theme = _ref2.theme,
+    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
+  return theme.colors ? theme.colors.borderColor : '#000';
 });
 
 /**
@@ -83,7 +85,7 @@ var Downshift = {
     window.addEventListener('mousedown', this.handleWindowMousedown);
     window.addEventListener('mouseup', this.handleWindowMouseup);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     window.removeEventListener('mousedown', this.handleWindowMousedown);
     window.removeEventListener('mouseup', this.handleWindowMouseup);
   },
@@ -375,38 +377,28 @@ var Downshift = {
     }
   },
   render: function render() {
-    var h = arguments[0];
     this.items = [];
-    return h("div", {
+    return vue.createVNode("div", {
       "ref": "rootNode"
-    }, [this.$scopedSlots["default"] && this.$scopedSlots["default"](_rollupPluginBabelHelpers._extends({}, this.getHelpersAndState()))]);
+    }, [this.$slots["default"] && this.$slots["default"](_rollupPluginBabelHelpers._extends({}, this.getHelpersAndState()))]);
   }
 };
 
-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"
-      }
-    })]);
-  }
-};
+var CancelSvg = (function () {
+  return vue.createVNode("svg", {
+    "alt": "Clear",
+    "class": "cancel-icon",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "height": "20px",
+    "viewBox": "0 0 24 24",
+    "width": "20px"
+  }, [vue.createVNode("title", null, [vue.createTextVNode("Clear")]), vue.createVNode("path", {
+    "d": "M0 0h24v24H0V0z",
+    "fill": "none"
+  }, null), vue.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)]);
+});
 
 exports.CancelSvg = CancelSvg;
 exports.Downshift = Downshift;

package/dist/cjs/Card-c381ded3.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vueEmotion = require('@appbaseio/vue-emotion');
+var polished = require('polished');
+require('./Title-8802a218.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 = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._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 = vueEmotion.styled('a')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._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 ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fff';
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.colors.textColor;
+}, function (props) {
+  return props.href ? 'cursor: pointer' : null;
+});
+
+exports.Card = Card;
+exports.Image = Image;
+exports.container = container;

package/dist/cjs/{ComponentWrapper-b6d4660c.js → ComponentWrapper-db45cc6d.js}

@@ -6,9 +6,10 @@ var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
-var index = require('./index-30126fd0.js');
+var index = require('./index-dc25b706.js');
 
 var addComponent = configureStore.Actions.addComponent,
   removeComponent = configureStore.Actions.removeComponent,
@@ -153,11 +154,10 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
         }
       }
     },
-    render: function render(h) {
-      return h(component, {
+    render: function render() {
+      return vue.h(component, {
         attrs: this.$attrs,
-        on: this.$listeners,
-        scopedSlots: this.$scopedSlots,
+        on: this.$attrs,
         slots: this.$slots
       });
     }

package/dist/cjs/Container-29f049b2.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vueEmotion = require('@appbaseio/vue-emotion');
+
+var _templateObject;
+var Container = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.component;
+});
+
+exports.Container = Container;