@appbaseio/reactivesearch-vue 1.16.0-alpha.6 → 1.16.0-alpha.62

package/dist/es/install.js

@@ -1,61 +1,55 @@
 import '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-ecf6c03c.js';
+import './_rollupPluginBabelHelpers-76660dab.js';
 import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
+import '@appbaseio/reactivecore/lib/utils/helper';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import './Button-27cc8574.js';
-import './vueTypes-98d938a9.js';
-import './Pagination-c2a00175.js';
-import ReactiveList from './ReactiveList.js';
+import './Button-d8bc15ea.js';
+import './vueTypes-9326e0be.js';
+import './Pagination-3f350098.js';
+import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-185b6266.js';
-import './ComponentWrapper-c4c91949.js';
+import './index-7788a843.js';
+import './ComponentWrapper-424e86fd.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-f0217338.js';
-import './ListItem-d22510c9.js';
-import './Card-1f93780d.js';
-import './Flex-16d1103a.js';
-import '@appbaseio/reactivecore/lib/utils/helper';
+import './Title-3342664a.js';
+import './ListItem-cad14c5e.js';
+import './Card-450683f1.js';
+import './Flex-1f0795c3.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
 import 'url-search-params-polyfill';
-import ReactiveBase from './ReactiveBase.js';
-import './Input-1159c4b5.js';
-import DataSearch from './DataSearch.js';
+import './ReactiveBase.js';
+import 'hotkeys-js';
+import './DataSearch-e71a1014.js';
+import './CancelSvg-4cfae5fd.js';
+import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
-import './DownShift-92347b5e.js';
-import './Container-88c805ef.js';
+import './Container-ba826e96.js';
 import 'vue-highlight-words';
-import './FormControlList-96d44e7b.js';
-import './utils-57cc8789.js';
-import SingleList from './SingleList.js';
-import MultiList from './MultiList.js';
-import './DropDown-3d4291f1.js';
-import SingleDropdownList from './SingleDropdownList.js';
-import MultiDropdownList from './MultiDropdownList.js';
-import ToggleButton from './ToggleButton.js';
-import ReactiveComponent from './ReactiveComponent.js';
-import SelectedFilters from './SelectedFilters.js';
-import SingleRange from './SingleRange.js';
-import MultiRange from './MultiRange.js';
-import ResultCard from './ResultCard.js';
-import ResultList from './ResultList.js';
+export { i as default } from './install-b7b604cc.js';
+import '@appbaseio/reactivecore/lib/utils/suggestions';
+import './FormControlList-c22d64f6.js';
+import './utils-9e68acee.js';
+import './SingleList.js';
+import './MultiList.js';
+import './DropDown-7d9a15c1.js';
+import './SingleDropdownList.js';
+import './MultiDropdownList.js';
+import './ToggleButton.js';
+import './ReactiveComponent.js';
+import './SelectedFilters.js';
+import './SingleRange.js';
+import './MultiRange.js';
+import './ResultCard.js';
+import './ResultList.js';
 import 'vue-no-ssr';
-import './ssr-a710392b.js';
-import RangeSlider from './RangeSlider.js';
-import DynamicRangeSlider from './DynamicRangeSlider.js';
-import StateProvider from './StateProvider.js';
-import RangeInput from './RangeInput.js';
-
-var components = [ReactiveList, ResultCard, ResultList, ReactiveBase, DataSearch, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];
-function install (Vue) {
-  components.map(function (component) {
-    Vue.use(component);
-    return null;
-  });
-}
-
-export default install;
+import './ssr-b2c0b401.js';
+import './RangeSlider.js';
+import './DynamicRangeSlider.js';
+import '@appbaseio/reactivecore/lib/actions/value';
+import './StateProvider.js';
+import './RangeInput.js';

package/dist/es/ssr-b2c0b401.js

@@ -0,0 +1,33 @@
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
+import styled from '@appbaseio/vue-emotion';
+import NoSSR from 'vue-no-ssr';
+
+var _templateObject;
+var Slider = styled('div')(_templateObject || (_templateObject = _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;
+};
+
+export { Slider as S, getComponents as g };

package/dist/es/{utils-57cc8789.js → utils-9e68acee.js}

@@ -1,5 +1,5 @@
 import { helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 
 var getAggsOrder = helper.getAggsOrder;
 
@@ -55,7 +55,7 @@ var getAggsQuery = function getAggsQuery(query, props) {
     };
   }
 
-  return _extends(_extends({}, clonedQuery), extractQuery(props));
+  return _extends({}, clonedQuery, extractQuery(props));
 };
 
 export { getAggsQuery as g };

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.16.0-alpha.6";
+var version = "1.16.0-alpha.62";
 
 export default version;

package/dist/es/{vueTypes-98d938a9.js → vueTypes-9326e0be.js}

@@ -106,20 +106,25 @@ 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,
-    customEvents: VueTypes.object
+    useCache: VueTypes.bool,
+    customEvents: VueTypes.object,
+    enableTelemetry: VueTypes.bool.def(true)
+  }).def({}),
+  mongodb: VueTypes.shape({
+    db: VueTypes.string,
+    collection: VueTypes.string
   })
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.16.0-alpha.6",
+	"version": "1.16.0-alpha.62",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,20 +34,21 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/reactivecore": "9.11.3",
+		"@appbaseio/reactivecore": "9.14.20",
 		"@appbaseio/vue-emotion": "0.4.4",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-		"appbase-js": "^4.1.0",
+		"appbase-js": "^5.0.0",
 		"compute-scroll-into-view": "^1.0.11",
 		"emotion": "9.2.12",
 		"gmap-vue": "^1.5.0",
+		"hotkeys-js": "^3.8.7",
 		"ngeohash": "^0.6.3",
 		"polished": "^2.2.0",
 		"redux": "^4.0.0",
 		"url-search-params-polyfill": "^7.0.0",
 		"vue-highlight-words": "^1.2.0",
 		"vue-no-ssr": "^1.1.0",
-		"vue-slider-component": "^2.8.16",
+		"vue-slider-component": "^3.2.15",
 		"vue-types": "^1.7.0"
 	},
 	"peerDependencies": {
@@ -64,6 +65,7 @@
 		"@babel/preset-stage-2": "^7.0.0",
 		"@vue/babel-preset-jsx": "^1.1.0",
 		"@vue/compiler-sfc": "^3.0.11",
+		"eslint": "^4.12.0",
 		"eslint-config-airbnb-base": "^13.1.0",
 		"eslint-config-prettier": "^3.1.0",
 		"eslint-plugin-vue": "^4.7.1",

package/dist/cjs/Button-d48d4365.js

@@ -1,146 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-
-function _templateObject8() {
-  var data = _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"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\ta {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\n\t\tmargin: 3px 3px;\n\t}\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\ta {\n\t\tmargin: 0 3px;\n\t}\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\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 ", ";\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"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var filters = function filters(_ref) {
-  var borderColor = _ref.colors.borderColor;
-  return emotion.css(_templateObject(), borderColor || '#fff');
-};
-
-var pagination = emotion.css(_templateObject2());
-var toggleButtons = emotion.css(_templateObject3());
-var numberBoxContainer = emotion.css(_templateObject4());
-
-var primary = function primary(_ref2) {
-  var theme = _ref2.theme;
-  return emotion.css(_templateObject5(), theme.colors.primaryColor, theme.colors.primaryTextColor, polished.darken(0.1, theme.colors.primaryColor));
-};
-
-var large = function large() {
-  return emotion.css(_templateObject6());
-};
-
-var disabled = function disabled(_ref3) {
-  var theme = _ref3.theme;
-  return emotion.css(_templateObject7(), theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
-};
-
-var Button = styled__default('a')(_templateObject8(), function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.backgroundColor || '#eee';
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.textColor;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors.backgroundColor ? polished.darken(0.1, theme.colors.backgroundColor) : '#ccc';
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return polished.rgba(theme.colors.primaryColor, 0.6);
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return "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/Card-9748fbb2.js

@@ -1,58 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-require('./Title-65d39104.js');
-
-function _templateObject3() {
-  var data = _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"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _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"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _rollupPluginBabelHelpers._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"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-var container = emotion.css(_templateObject());
-var Image = styled__default('div')(_templateObject2(), function (_ref) {
-  var colors = _ref.theme.colors;
-  return colors.backgroundColor || '#fcfcfc';
-});
-var Card = styled__default('a')(_templateObject3(), 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/Flex-befd65fc.js

@@ -1,160 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-
-function _templateObject11() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex-basis: ", ";\n\t\t"]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex-direction: ", ";\n\t\t"]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex: ", ";\n\t\t"]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\talign-items: ", ";\n\t\t"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tjustify-content: ", ";\n\t\t"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: ", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\tsvg.cancel-icon {\n\t\tcursor: pointer;\n\t\tfill: ", ";\n\t\tflex-basis: 30px;\n\n\t\t&:hover {\n\t\t\tfill: ", ";\n\t\t}\n\t}\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: 1px solid ", ";\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: column-reverse;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: column;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: row-reverse;\n\talign-items: center;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: row;\n\talign-items: center;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-var leftLabel = emotion.css(_templateObject());
-var rightLabel = emotion.css(_templateObject2());
-var topLabel = emotion.css(_templateObject3());
-var bottomLabel = emotion.css(_templateObject4());
-
-var border = function border(_ref) {
-  var colors = _ref.theme.colors;
-  return emotion.css(_templateObject5(), colors.borderColor || '#ccc');
-};
-
-var Flex = styled__default('div')(_templateObject6(), function (props) {
-  return props.inline ? 'inline-flex' : 'flex';
-}, function (props) {
-  return (props.labelPosition === 'left' || props.iconPosition === 'right') && leftLabel;
-}, function (props) {
-  return (props.labelPosition === 'right' || props.iconPosition === 'left') && rightLabel;
-}, function (props) {
-  return props.labelPosition === 'top' && topLabel;
-}, function (props) {
-  return props.labelPosition === 'bottom' && bottomLabel;
-}, function (props) {
-  return props.showBorder && border;
-}, function (props) {
-  return props.justifyContent && emotion.css(_templateObject7(), props.justifyContent);
-}, function (props) {
-  return props.alignItems && emotion.css(_templateObject8(), props.alignItems);
-}, function (props) {
-  return props.flex && emotion.css(_templateObject9(), props.flex);
-}, function (props) {
-  return props.direction && emotion.css(_templateObject10(), props.direction);
-}, function (props) {
-  return props.basis && emotion.css(_templateObject11(), props.basis);
-}, function (_ref2) {
-  var colors = _ref2.theme.colors;
-  return colors.borderColor || polished.lighten(0.3, colors.textColor);
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors.textColor;
-});
-
-exports.Flex = Flex;