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

package/dist/es/StateProvider.js

@@ -4,7 +4,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import VueTypes from 'vue-types';
 import { isInternalComponent } from '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-0444a498.js';
+import { c as connect } from './index-285a43a6.js';
 
 var setSearchState = Actions.setSearchState;
 var getSearchState = helper.getSearchState;
@@ -213,7 +213,7 @@ var StateProvider = {
   },
   render: function render() {
     var searchState = this.searchState;
-    var dom = this.$scopedSlots["default"];
+    var dom = this.$slots["default"];
     return dom ? dom({
       searchState: searchState,
       setSearchState: this.setSearchState

package/dist/es/Title-863dfa42.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 Title = styled('h2')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"])), function (_ref) {

package/dist/es/ToggleButton.js

@@ -1,17 +1,18 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode } from 'vue';
 import VueTypes from 'vue-types';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import { B as Button, t as toggleButtons } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { B as Button, t as toggleButtons } from './Button-ebafa3d6.js';
+import { t as types } from './vueTypes-e4af6fe2.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-8042aa35.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-285a43a6.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bf443c0b.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-7ea7313a.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 
@@ -203,8 +204,7 @@ var ToggleButton = {
     },
     renderButton: function renderButton(item) {
       var _this2 = this;
-      var h = this.$createElement;
-      var renderItem = this.$scopedSlots.renderItem || this.renderItem;
+      var renderItem = this.$slots.renderItem || this.renderItem;
       var isSelected = this.$data.currentValue.some(function (value) {
         return value.value === item.value;
       });
@@ -214,37 +214,44 @@ var ToggleButton = {
         handleClick: function handleClick() {
           return _this2.handleClick(item);
         }
-      }) : h(Button, {
+      }) : createVNode(Button, {
         "class": getClassName(this.$props.innerClass, 'button') + " " + (isSelected ? 'active' : ''),
-        "on": {
-          "click": function click() {
-            return _this2.handleClick(item);
-          },
-          "keypress": function keypress(e) {
-            return handleA11yAction(e, function () {
-              return _this2.handleClick(item);
-            });
-          }
+        "onClick": function onClick() {
+          return _this2.handleClick(item);
         },
         "key": item.value,
-        "attrs": {
-          "primary": isSelected,
-          "large": true,
-          "tabIndex": isSelected ? '-1' : '0'
+        "primary": isSelected,
+        "large": true,
+        "tabIndex": isSelected ? '-1' : '0',
+        "onKeypress": function onKeypress(e) {
+          return handleA11yAction(e, function () {
+            return _this2.handleClick(item);
+          });
+        }
+      }, {
+        "default": function _default() {
+          return [item.label];
         }
-      }, [item.label]);
+      });
     }
   },
   render: function render() {
     var _this3 = this;
-    var h = arguments[0];
-    return h(Container, {
+    return createVNode(Container, {
       "class": toggleButtons
-    }, [this.$props.title && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), this.$props.data.map(function (item) {
-      return _this3.renderButton(item);
-    })]);
+    }, {
+      "default": function _default() {
+        return [_this3.$props.title && createVNode(Title, {
+          "class": getClassName(_this3.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this3.$props.title];
+          }
+        }), _this3.$props.data.map(function (item) {
+          return _this3.renderButton(item);
+        })];
+      }
+    });
   }
 };
 ToggleButton.parseValue = function (value, props) {

package/dist/es/{index-0444a498.js → index-285a43a6.js}

@@ -88,11 +88,11 @@ var connector = function connector(_mapState, mapDispatch) {
         };
         this._unsubscribe = observeStore(this.$$store, getMappedState, function (newState) {
           Object.keys(newState).forEach(function (key) {
-            _this.$set(_this, key, newState[key]);
+            _this[key] = newState[key];
           });
         });
       },
-      beforeDestroy: function beforeDestroy() {
+      beforeUnmount: function beforeUnmount() {
         this._unsubscribe();
       }
     };
@@ -166,7 +166,7 @@ var getComponent = function getComponent(data, _ref) {
   if (_ref === void 0) {
     _ref = {};
   }
-  var _ref2 = _ref.$scopedSlots || _ref.$props,
+  var _ref2 = _ref.$slots || _ref.$props,
     render = _ref2.render;
   if (render) return render(data);
   return null;
@@ -179,7 +179,7 @@ var hasCustomRenderer = function hasCustomRenderer(_ref) {
   if (_ref === void 0) {
     _ref = {};
   }
-  var _ref3 = _ref.$scopedSlots || _ref.$props,
+  var _ref3 = _ref.$slots || _ref.$props,
     render = _ref3.render;
   return Boolean(render);
 };
@@ -228,7 +228,7 @@ var getQuerySuggestionsComponent = function getQuerySuggestionsComponent(data, _
   if (_ref === void 0) {
     _ref = {};
   }
-  var _ref4 = _ref.$scopedSlots || _ref.$props,
+  var _ref4 = _ref.$slots || _ref.$props,
     renderQuerySuggestions = _ref4.renderQuerySuggestions,
     renderPopularSuggestions = _ref4.renderPopularSuggestions;
   var render = renderPopularSuggestions || renderQuerySuggestions;
@@ -243,7 +243,7 @@ var hasQuerySuggestionsRenderer = function hasQuerySuggestionsRenderer(_ref) {
   if (_ref === void 0) {
     _ref = {};
   }
-  var _ref5 = _ref.$scopedSlots || _ref.$props,
+  var _ref5 = _ref.$slots || _ref.$props,
     renderQuerySuggestions = _ref5.renderQuerySuggestions,
     renderPopularSuggestions = _ref5.renderPopularSuggestions;
   return Boolean(renderPopularSuggestions) || Boolean(renderQuerySuggestions);

package/dist/es/index.js

@@ -1,44 +1,45 @@
 import '@appbaseio/reactivecore';
 export { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import './_rollupPluginBabelHelpers-ded08042.js';
+import 'vue';
 import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/helper';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import './Button-153cd885.js';
-import './vueTypes-8986b709.js';
-import './Pagination-28e56c5c.js';
+import './Button-ebafa3d6.js';
+import './vueTypes-e4af6fe2.js';
+import './Pagination-145b4ff2.js';
 export { default as ReactiveList } from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-0444a498.js';
-import './ComponentWrapper-8042aa35.js';
-import './PreferencesConsumer-bc097ebb.js';
-import '@vue/babel-helper-vue-jsx-merge-props';
+import './index-285a43a6.js';
+import './ComponentWrapper-bf443c0b.js';
+import './PreferencesConsumer-7ea7313a.js';
 import './Title-863dfa42.js';
-import './ListItem-07888a65.js';
-import './Card-19ad6d90.js';
-import './Flex-7c177a10.js';
+import './ListItem-47a6345a.js';
+import './Card-1951569e.js';
+import './Flex-a08e22d7.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
 import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
-export { a as DataSearch } from './DataSearch-5bb904c5.js';
-import './CancelSvg-e40552a5.js';
-import './Input-c09c0b56.js';
+export { a as DataSearch } from './DataSearch-4f9a4e46.js';
+import './CancelSvg-14ebc9a1.js';
+import './Input-3b8408a6.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
-export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-09c183c8.js';
+import '@vue/babel-helper-vue-transform-on';
+export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-e2fb9eb4.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import './FormControlList-99797d0a.js';
+import './FormControlList-fa5cf78b.js';
 import './utils-9e5a16a1.js';
 export { default as SingleList } from './SingleList.js';
 export { default as MultiList } from './MultiList.js';
-import './DropDown-28ddce07.js';
+import './DropDown-35e232b7.js';
 export { default as SingleDropdownList } from './SingleDropdownList.js';
 export { default as MultiDropdownList } from './MultiDropdownList.js';
 export { default as ToggleButton } from './ToggleButton.js';
@@ -53,7 +54,7 @@ export { default as SelectedFilters } from './SelectedFilters.js';
 export { default as ResultCard } from './ResultCard.js';
 export { default as ResultList } from './ResultList.js';
 export { default as StateProvider } from './StateProvider.js';
-import 'gmap-vue';
+import 'vue-google-maps-community-fork';
 import 'ngeohash';
 export { default as ReactiveGoogleMap } from './ReactiveGoogleMap.js';
 import '@appbaseio/reactivecore/lib/reducers/valueReducer';

package/dist/es/install.js

@@ -1,44 +1,45 @@
 import '@appbaseio/reactivecore';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import './_rollupPluginBabelHelpers-ded08042.js';
+import 'vue';
 import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/helper';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import './Button-153cd885.js';
-import './vueTypes-8986b709.js';
-import './Pagination-28e56c5c.js';
+import './Button-ebafa3d6.js';
+import './vueTypes-e4af6fe2.js';
+import './Pagination-145b4ff2.js';
 import ReactiveList from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-0444a498.js';
-import './ComponentWrapper-8042aa35.js';
-import './PreferencesConsumer-bc097ebb.js';
-import '@vue/babel-helper-vue-jsx-merge-props';
+import './index-285a43a6.js';
+import './ComponentWrapper-bf443c0b.js';
+import './PreferencesConsumer-7ea7313a.js';
 import './Title-863dfa42.js';
-import './ListItem-07888a65.js';
-import './Card-19ad6d90.js';
-import './Flex-7c177a10.js';
+import './ListItem-47a6345a.js';
+import './Card-1951569e.js';
+import './Flex-a08e22d7.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
 import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 import ReactiveBase from './ReactiveBase.js';
 import 'hotkeys-js';
-import { a as DataSearch } from './DataSearch-5bb904c5.js';
-import './CancelSvg-e40552a5.js';
-import './Input-c09c0b56.js';
+import { a as DataSearch } from './DataSearch-4f9a4e46.js';
+import './CancelSvg-14ebc9a1.js';
+import './Input-3b8408a6.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
-import { S as SearchBox, R as ReactiveComponent } from './ReactiveComponent-09c183c8.js';
+import '@vue/babel-helper-vue-transform-on';
+import { S as SearchBox, R as ReactiveComponent } from './ReactiveComponent-e2fb9eb4.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import './FormControlList-99797d0a.js';
+import './FormControlList-fa5cf78b.js';
 import './utils-9e5a16a1.js';
 import SingleList from './SingleList.js';
 import MultiList from './MultiList.js';
-import './DropDown-28ddce07.js';
+import './DropDown-35e232b7.js';
 import SingleDropdownList from './SingleDropdownList.js';
 import MultiDropdownList from './MultiDropdownList.js';
 import ToggleButton from './ToggleButton.js';

package/dist/es/ssr-03607d84.js

@@ -1,5 +1,5 @@
 import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
-import styled from '@appbaseio/vue-emotion';
+import { styled } from '@appbaseio/vue-emotion';
 import NoSSR from 'vue-no-ssr';
 
 var _templateObject;

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.33.5";
+var version = "1.34.0-alpha.2";
 
 export default version;

package/dist/es/{vueTypes-8986b709.js → vueTypes-e4af6fe2.js}

@@ -95,7 +95,7 @@ var types = {
   params: VueTypes.object.isRequired,
   props: VueTypes.object,
   rangeLabelsAlign: VueTypes.oneOf(['left', 'right']),
-  title: VueTypes.oneOfType([VueTypes.string, VueTypes.any]),
+  title: VueTypes.oneOfType([VueTypes.string, VueTypes.nullable]),
   tooltipTrigger: VueTypes.oneOf(['always', 'none', 'hover']),
   location: VueTypes.custom(validateLocation),
   unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.33.5",
+	"version": "1.34.0-alpha.2",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -27,7 +27,7 @@
 		"precommit": "lint-staged",
 		"prepare": "npm start validate",
 		"version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
-		"postpublish": "yarn run version-upgrade"
+		"postpublish": ""
 	},
 	"files": [
 		"dist"
@@ -36,24 +36,24 @@
 	"dependencies": {
 		"@appbaseio/analytics": "^1.1.1",
 		"@appbaseio/reactivecore": "9.14.35",
-		"@appbaseio/vue-emotion": "0.4.4",
+		"@appbaseio/vue-emotion": "0.6.0-alpha.3",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
 		"appbase-js": "^5.2.0",
 		"compute-scroll-into-view": "^1.0.11",
 		"emotion": "9.2.12",
-		"gmap-vue": "^3.5.4",
 		"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-google-maps-community-fork": "^0.1.7",
 		"vue-highlight-words": "^1.2.0",
 		"vue-no-ssr": "^1.1.0",
-		"vue-slider-component": "^3.2.15",
-		"vue-types": "^1.7.0"
+		"vue-slider-component": "next",
+		"vue-types": "^5.0.2"
 	},
 	"peerDependencies": {
-		"vue": "^2.6.10"
+		"vue": "^3.1.0"
 	},
 	"devDependencies": {
 		"@babel/plugin-external-helpers": "^7.2.0",
@@ -64,7 +64,7 @@
 		"@babel/plugin-syntax-jsx": "^7.2.0",
 		"@babel/preset-env": "^7.5.5",
 		"@babel/preset-stage-2": "^7.0.0",
-		"@vue/babel-preset-jsx": "^1.1.0",
+		"@vue/babel-plugin-jsx": "^1.1.1",
 		"@vue/compiler-sfc": "^3.0.11",
 		"eslint": "^4.12.0",
 		"eslint-config-airbnb-base": "^13.1.0",

package/dist/cjs/Button-841fd06d.js

@@ -1,62 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var filters = function filters(_ref) {
-  var borderColor = _ref.colors.borderColor;
-  return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\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 ", ";\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"])), borderColor || '#fff');
-};
-var pagination = emotion.css(_templateObject2 || (_templateObject2 = _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 = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
-var numberBoxContainer = emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\tbutton {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
-var primary = function primary(_ref2) {
-  var theme = _ref2.theme;
-  return emotion.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.primaryColor, theme.colors.primaryTextColor, polished.darken(0.1, theme.colors.primaryColor));
-};
-var large = function large() {
-  return emotion.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"])));
-};
-var disabled = function disabled(_ref3) {
-  var theme = _ref3.theme;
-  return emotion.css(_templateObject7 || (_templateObject7 = _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"])), 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('button')(_templateObject8 || (_templateObject8 = _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.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-240f283d.js

@@ -1,30 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-require('./Title-16042ea0.js');
-
-var _templateObject, _templateObject2, _templateObject3;
-var container = emotion.css(_templateObject || (_templateObject = _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"])));
-var Image = styled__default('div')(_templateObject2 || (_templateObject2 = _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 = styled__default('a')(_templateObject3 || (_templateObject3 = _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/Container-e699ea95.js

@@ -1,15 +0,0 @@
-'use strict';
-
-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 _templateObject;
-var Container = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.component;
-});
-
-exports.Container = Container;

package/dist/cjs/Flex-ddd7cb6b.js

@@ -1,50 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-var leftLabel = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: row;\n\talign-items: center;\n"])));
-var rightLabel = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: row-reverse;\n\talign-items: center;\n"])));
-var topLabel = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: column;\n"])));
-var bottomLabel = emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-direction: column-reverse;\n"])));
-var border = function border(_ref) {
-  var colors = _ref.theme.colors;
-  return emotion.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: 1px solid ", ";\n"])), colors.borderColor || '#ccc');
-};
-var Flex = styled__default('div')(_templateObject6 || (_templateObject6 = _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"])), 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 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tjustify-content: ", ";\n\t\t"])), props.justifyContent);
-}, function (props) {
-  return props.alignItems && emotion.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\talign-items: ", ";\n\t\t"])), props.alignItems);
-}, function (props) {
-  return props.flex && emotion.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex: ", ";\n\t\t"])), props.flex);
-}, function (props) {
-  return props.direction && emotion.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex-direction: ", ";\n\t\t"])), props.direction);
-}, function (props) {
-  return props.basis && emotion.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tflex-basis: ", ";\n\t\t"])), 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;

package/dist/cjs/FormControlList-bbb5cd24.js

@@ -1,45 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var item = {
-  width: '15px',
-  height: '15px',
-  scale: '4px'
-};
-var vh = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: 0;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tpadding: 0;\n\tposition: absolute;\n\twidth: 1px;\n\twhite-space: nowrap;\n"])));
-var hideInputControl = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t+ label {\n\t\tpadding-left: 0;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder: 0;\n\t\t\tmargin: 0;\n\t\t\tvisibility: hidden;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t+ label {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n"])));
-var formItem = function formItem(_ref) {
-  var theme = _ref.theme;
-  return emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tbox-shadow: 0 0 0 2px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tborder-color: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t&:active {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\ttransition-duration: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t+ label {\n\t\tposition: relative;\n\t\tuser-select: none;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\n\t\t&::before {\n\t\t\tbackground-color: #fff;\n\t\t\tborder: 1px solid ", ";\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tcolor: ", ";\n\t\t\tmargin-right: calc(", " * 0.5);\n\t\t\ttop: 50%;\n\t\t\tleft: 0;\n\t\t\twidth: ", ";\n\t\t\theight: ", ";\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t&::after {\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tbackground-color: ", ";\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + ", " / 2);\n\t\t\twidth: calc(", " - ", ");\n\t\t\theight: calc(", " - ", ");\n\t\t\tmargin-top: calc(", " / -2 - ", " / -2);\n\t\t\ttransform: scale(0);\n\t\t\ttransform-origin: 50%;\n\t\t\ttransition: transform 200ms ease-out;\n\t\t}\n\t}\n"])), vh, polished.lighten(0.4, theme.colors.primaryColor), theme.colors.primaryColor, theme.colors.borderColor || polished.lighten(0.1, theme.colors.textColor), theme.colors.primaryColor, item.width, item.width, item.height, theme.colors.primaryColor, item.scale, item.width, item.scale, item.height, item.scale, item.height, item.scale);
-};
-var Radio = styled__default('input')(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t&:active,\n\t\t&:focus {\n\t\t\t+ label {\n\t\t\t\tcolor: ", ";\n\n\t\t\t\t&::before {\n\t\t\t\t\tanimation: none;\n\t\t\t\t\tfilter: none;\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tanimation: none;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tborder-color: ", ";\n\t\t}\n\n\t\t&::after {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n"])), formItem, function (props) {
-  return props.show ? null : hideInputControl;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.primaryColor;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors.primaryColor;
-});
-var Checkbox = styled__default('input')(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 0;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: transparent;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + ", " / 5);\n\t\t\twidth: calc(", " / 2);\n\t\t\theight: calc(", " / 5);\n\t\t\tmargin-top: calc(", " / -2 / 2 * 0.8);\n\t\t\tborder-style: solid;\n\t\t\tborder-color: ", ";\n\t\t\tborder-width: 0 0 2px 2px;\n\t\t\tborder-radius: 0;\n\t\t\tborder-image: none;\n\t\t\ttransform: rotate(-45deg) scale(0);\n\t\t\ttransition: none;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tborder-color: ", ";\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\ttransform: rotate(-45deg) scale(1);\n\t\t\t\ttransition: transform 200ms ease-out;\n\t\t\t}\n\t\t}\n\t}\n"])), formItem, function (props) {
-  return props.show ? null : hideInputControl;
-}, item.width, item.width, item.width, item.height, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.primaryColor;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.primaryColor;
-});
-var UL = styled__default('ul')(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 240px;\n\tposition: relative;\n\toverflow-y: auto;\n\tpadding-bottom: 12px;\n\n\tli {\n\t\theight 30px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tpadding-left: 2px;\n\t}\n"])));
-
-exports.Checkbox = Checkbox;
-exports.Radio = Radio;
-exports.UL = UL;