@appbaseio/reactivesearch-vue 1.33.0 → 1.33.2

package/dist/cjs/DataSearch.js

@@ -4,26 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@appbaseio/reactivecore');
 require('@appbaseio/reactivecore/lib/utils/constants');
-require('./_rollupPluginBabelHelpers-c705cbe6.js');
+require('./_rollupPluginBabelHelpers-f8b843f8.js');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-require('./vueTypes-727b7c63.js');
+require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-08f8dfa3.js');
-require('./ComponentWrapper-981ab977.js');
-require('./PreferencesConsumer-7be03476.js');
-require('./Title-1de7d0f4.js');
-require('./Flex-aa517a13.js');
+require('./index-30126fd0.js');
+require('./ComponentWrapper-9318cece.js');
+require('./PreferencesConsumer-5d67b486.js');
+require('./Title-16042ea0.js');
+require('./Flex-ddd7cb6b.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-708b183d.js');
-require('./CancelSvg-9f258f4f.js');
-require('./Input-e6603a7e.js');
+var DataSearch = require('./DataSearch-99a6a2e8.js');
+require('./CancelSvg-220a7cc3.js');
+require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');
-require('./Container-daf30918.js');
+require('./Container-e699ea95.js');
 require('vue-highlight-words');
 
 

package/dist/cjs/{DropDown-c479bbb0.js → DropDown-8984b544.js}

@@ -4,26 +4,24 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-727b7c63.js');
-var index = require('./index-08f8dfa3.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
+var index = require('./index-30126fd0.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var CancelSvg = require('./CancelSvg-9f258f4f.js');
-var Input = require('./Input-e6603a7e.js');
+var CancelSvg = require('./CancelSvg-220a7cc3.js');
+var Input = require('./Input-ead4cd84.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var small = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n"])));
-
 var dark = function dark(_ref) {
   var theme = _ref.theme;
   return emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tborder-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor, theme.colors.borderColor, theme.colors.textColor, theme.colors.backgroundColor);
 };
-
 var Select = styled__default('button')(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 42px;\n\tborder-radius: 0;\n\toutline: none;\n\tpadding: 5px 12px;\n\tfont-size: 0.9rem;\n\tline-height: 1.2rem;\n\tbackground-color: #fff;\n\tborder: 1px solid #ccc;\n\tcolor: #424242;\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t", ";\n\n\t& > div {\n\t\twidth: calc(100% - 24px);\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-align: left;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: #fcfcfc;\n\t}\n\n\t", ";\n"])), function (props) {
   return props.small ? small : null;
 }, function (_ref2) {
@@ -82,36 +80,31 @@ var Dropdown = {
   },
   render: function render() {
     var _this = this;
-
     var h = arguments[0];
     var _this$$props = this.$props,
-        items = _this$$props.items,
-        selectedItem = _this$$props.selectedItem,
-        placeholder = _this$$props.placeholder,
-        labelField = _this$$props.labelField,
-        keyField = _this$$props.keyField,
-        themePreset = _this$$props.themePreset,
-        renderItem = _this$$props.renderItem,
-        transformData = _this$$props.transformData,
-        footer = _this$$props.footer,
-        customLabelRenderer = _this$$props.customLabelRenderer,
-        hasCustomRenderer = _this$$props.hasCustomRenderer,
-        customRenderer = _this$$props.customRenderer;
+      items = _this$$props.items,
+      selectedItem = _this$$props.selectedItem,
+      placeholder = _this$$props.placeholder,
+      labelField = _this$$props.labelField,
+      keyField = _this$$props.keyField,
+      themePreset = _this$$props.themePreset,
+      renderItem = _this$$props.renderItem,
+      transformData = _this$$props.transformData,
+      footer = _this$$props.footer,
+      customLabelRenderer = _this$$props.customLabelRenderer,
+      hasCustomRenderer = _this$$props.hasCustomRenderer,
+      customRenderer = _this$$props.customRenderer;
     var itemsToRender = items;
-
     if (transformData) {
       itemsToRender = transformData(itemsToRender);
     }
-
     var filteredItemsToRender = itemsToRender.filter(function (item) {
       if (String(item[labelField]).length) {
         if (_this.$props.showSearch && _this.$data.searchTerm) {
           return suggestions.replaceDiacritics(String(item[labelField])).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
         }
-
         return true;
       }
-
       return false;
     });
     return h(CancelSvg.Downshift, {
@@ -124,11 +117,11 @@ var Dropdown = {
       "scopedSlots": {
         "default": function _default(_ref) {
           var getItemProps = _ref.getItemProps,
-              isOpen = _ref.isOpen,
-              highlightedIndex = _ref.highlightedIndex,
-              getButtonProps = _ref.getButtonProps,
-              getItemEvents = _ref.getItemEvents,
-              getInputEvents = _ref.getInputEvents;
+            isOpen = _ref.isOpen,
+            highlightedIndex = _ref.highlightedIndex,
+            getButtonProps = _ref.getButtonProps,
+            getItemEvents = _ref.getItemEvents,
+            getInputEvents = _ref.getInputEvents;
           return h("div", {
             "class": Input.suggestionsContainer
           }, [h(Select, {
@@ -209,7 +202,6 @@ var Dropdown = {
       } else {
         this.$props.handleChange(item[this.$props.keyField]);
       }
-
       if (!this.$props.multi) {
         this.isOpen = false;
         this.searchTerm = '';
@@ -221,15 +213,12 @@ var Dropdown = {
     },
     getBackgroundColor: function getBackgroundColor(highlighted, selected) {
       var isDark = this.$props.themePreset === 'dark';
-
       if (highlighted) {
         return isDark ? '#555' : '#eee';
       }
-
       if (selected) {
         return isDark ? '#686868' : '#fafafa';
       }
-
       return isDark ? '#424242' : '#fff';
     },
     handleInputChange: function handleInputChange(e) {
@@ -241,36 +230,28 @@ var Dropdown = {
     },
     renderToString: function renderToString(value) {
       var _this2 = this;
-
       var customLabelRenderer = this.$props.customLabelRenderer;
-
       if (customLabelRenderer) {
         var customLabel = customLabelRenderer(value);
-
         if (typeof customLabel === 'string') {
           return customLabel;
         }
       }
-
       if (Array.isArray(value) && value.length) {
         var arrayToRender = value.map(function (item) {
           return _this2.renderToString(item);
         });
         return arrayToRender.join(', ');
       }
-
       if (value && typeof value === 'object') {
         if (value[this.$props.labelField]) {
           return value[this.$props.labelField];
         }
-
         if (Object.keys(value).length) {
           return this.renderToString(Object.keys(value));
         }
-
         return this.$props.placeholder;
       }
-
       return value;
     },
     renderNoResult: function renderNoResult() {
@@ -283,11 +264,11 @@ var Dropdown = {
     renderSearchbox: function renderSearchbox(eventObject) {
       var h = this.$createElement;
       var _this$$props2 = this.$props,
-          componentId = _this$$props2.componentId,
-          searchPlaceholder = _this$$props2.searchPlaceholder,
-          showClear = _this$$props2.showClear,
-          themePreset = _this$$props2.themePreset,
-          innerClass = _this$$props2.innerClass;
+        componentId = _this$$props2.componentId,
+        searchPlaceholder = _this$$props2.searchPlaceholder,
+        showClear = _this$$props2.showClear,
+        themePreset = _this$$props2.themePreset,
+        innerClass = _this$$props2.innerClass;
       var InputComponent = h(Input.Input, _mergeJSXProps([{
         "attrs": {
           "id": componentId + "-input",
@@ -303,7 +284,6 @@ var Dropdown = {
         },
         "class": getClassName(innerClass, 'input')
       }, eventObject]));
-
       if (showClear) {
         return h(CancelSvg.InputWrapper, [InputComponent, this.searchTerm && h(CancelSvg.IconGroup, {
           "attrs": {
@@ -319,7 +299,6 @@ var Dropdown = {
           }
         }, [h(CancelSvg.CancelSvg)])])]);
       }
-
       return InputComponent;
     }
   }

package/dist/cjs/DynamicRangeSlider.js

@@ -7,33 +7,33 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('redux');
-var index = require('./index-08f8dfa3.js');
-var PreferencesConsumer = require('./PreferencesConsumer-7be03476.js');
-var Title = require('./Title-1de7d0f4.js');
-var Container = require('./Container-daf30918.js');
+var index = require('./index-30126fd0.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
+var Title = require('./Title-16042ea0.js');
+var Container = require('./Container-e699ea95.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-3027b848.js');
+var ssr = require('./ssr-f2fc1bf6.js');
 
 var addComponent = configureStore.Actions.addComponent,
-    removeComponent = configureStore.Actions.removeComponent,
-    watchComponent = configureStore.Actions.watchComponent,
-    updateQuery = configureStore.Actions.updateQuery,
-    setQueryListener = configureStore.Actions.setQueryListener,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setComponentProps = configureStore.Actions.setComponentProps,
-    setCustomQuery = configureStore.Actions.setCustomQuery,
-    updateComponentProps = configureStore.Actions.updateComponentProps;
+  removeComponent = configureStore.Actions.removeComponent,
+  watchComponent = configureStore.Actions.watchComponent,
+  updateQuery = configureStore.Actions.updateQuery,
+  setQueryListener = configureStore.Actions.setQueryListener,
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setComponentProps = configureStore.Actions.setComponentProps,
+  setCustomQuery = configureStore.Actions.setCustomQuery,
+  updateComponentProps = configureStore.Actions.updateComponentProps;
 var checkValueChange = configureStore.helper.checkValueChange,
-    getClassName = configureStore.helper.getClassName,
-    isEqual = configureStore.helper.isEqual,
-    checkSomePropChange = configureStore.helper.checkSomePropChange,
-    extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-    getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
+  getClassName = configureStore.helper.getClassName,
+  isEqual = configureStore.helper.isEqual,
+  checkSomePropChange = configureStore.helper.checkSomePropChange,
+  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
 var DynamicRangeSlider = {
   name: 'DynamicRangeSlider',
   components: ssr.getComponents(),
@@ -69,27 +69,21 @@ var DynamicRangeSlider = {
   },
   created: function created() {
     var _this = this;
-
     var onQueryChange = function onQueryChange() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
       _this.$emit.apply(_this, ['queryChange'].concat(args));
-
       _this.$emit.apply(_this, ['query-change'].concat(args));
     };
-
-    this.setQueryListener(this.$props.componentId, onQueryChange, null); // Update props in store
-
+    this.setQueryListener(this.$props.componentId, onQueryChange, null);
+    // Update props in store
     this.setComponentProps(this.componentId, this.$props, constants.componentTypes.dynamicRangeSlider);
     this.setComponentProps(this.internalRangeComponent, this.$props, constants.componentTypes.dynamicRangeSlider);
-
     if (!this.enableAppbase && this.$props.index) {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-    } // Set custom query in store
-
-
+    }
+    // Set custom query in store
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   mounted: function mounted() {
@@ -97,28 +91,23 @@ var DynamicRangeSlider = {
   },
   beforeMount: function beforeMount() {
     var components = [];
-
     if (this.$$store) {
       var _this$$$store$getStat = this.$$store.getState();
-
       components = _this$$$store$getStat.components;
     }
-
     var value = this.$props.value;
-
     if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
       this.addComponent(this.componentId);
       this.addComponent(this.internalRangeComponent);
-
       if (Array.isArray(this.selectedValue)) {
         this.handleChange(this.selectedValue);
       } else if (this.selectedValue) {
         this.handleChange(DynamicRangeSlider.parseValue(this.selectedValue, this.$props));
       } else if (value) {
         this.handleChange(DynamicRangeSlider.parseValue(value, this.$props));
-      } // get range before executing other queries
-
+      }
 
+      // get range before executing other queries
       this.updateRangeQueryOptions();
     }
   },
@@ -138,18 +127,15 @@ var DynamicRangeSlider = {
       if (this.$props.value && this.$listeners) {
         return true;
       }
-
       return false;
     },
     setDefaultValue: function setDefaultValue(_ref) {
       var start = _ref.start,
-          end = _ref.end;
-
+        end = _ref.end;
       if (this.$props.defaultValue) {
         var _this$$props$defaultV = this.$props.defaultValue(start, end),
-            defaultStart = _this$$props$defaultV.start,
-            defaultEnd = _this$$props$defaultV.end;
-
+          defaultStart = _this$$props$defaultV.start,
+          defaultEnd = _this$$props$defaultV.end;
         this.handleChange([defaultStart, defaultEnd]);
       } else if (this.isControlled()) {
         this.handleChange(DynamicRangeSlider.parseValue(this.$props.value), 'change');
@@ -182,10 +168,8 @@ var DynamicRangeSlider = {
     },
     updateRangeQueryOptions: function updateRangeQueryOptions() {
       var aggs = {};
-
       if (this.$props.nestedField) {
         var _aggs;
-
         aggs = (_aggs = {}, _aggs[this.$props.nestedField] = {
           nested: {
             path: this.$props.nestedField
@@ -195,7 +179,6 @@ var DynamicRangeSlider = {
       } else {
         aggs = this.rangeQuery();
       }
-
       this.setQueryOptions(this.internalRangeComponent, {
         aggs: aggs
       });
@@ -203,7 +186,6 @@ var DynamicRangeSlider = {
     handleSlider: function handleSlider() {
       var sliderValues = this.$refs.slider.getValue();
       var value = this.$props.value;
-
       if (value === undefined) {
         this.handleChange(sliderValues);
       } else {
@@ -215,26 +197,20 @@ var DynamicRangeSlider = {
     },
     handleChange: function handleChange(currentValue) {
       var _this2 = this;
-
       // Always keep the values within range
       var normalizedValue = [this.range ? Math.max(this.range.start, currentValue[0]) : currentValue[0], this.range ? Math.min(this.range.end, currentValue[1]) : currentValue[1]];
-
       var performUpdate = function performUpdate() {
         _this2.currentValue = normalizedValue;
-
         _this2.updateQueryHandler(normalizedValue, _this2.$props);
-
         _this2.$emit('valueChange', {
           start: normalizedValue[0],
           end: normalizedValue[1]
         });
-
         _this2.$emit('value-change', {
           start: normalizedValue[0],
           end: normalizedValue[1]
         });
       };
-
       checkValueChange(this.$props.componentId, {
         start: normalizedValue[0],
         end: normalizedValue[1]
@@ -242,30 +218,25 @@ var DynamicRangeSlider = {
     },
     updateQueryHandler: function updateQueryHandler(value) {
       var query = DynamicRangeSlider.defaultQuery(value, this.$props);
-
       if (this.$props.customQuery) {
         var customQueryTobeSet = this.$props.customQuery(value, this.$props);
         var queryTobeSet = extractQueryFromCustomQuery(customQueryTobeSet);
-
         if (queryTobeSet) {
           query = queryTobeSet;
         }
-
         var customQueryOptions = getOptionsForCustomQuery(customQueryTobeSet);
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, value);
         this.setQueryOptions(this.$props.componentId, customQueryOptions, false);
       }
-
       var _ref2 = this.range || {
-        start: value[0],
-        end: value[1]
-      },
-          start = _ref2.start,
-          end = _ref2.end;
-
+          start: value[0],
+          end: value[1]
+        },
+        start = _ref2.start,
+        end = _ref2.end;
       var currentStart = value[0],
-          currentEnd = value[1]; // check if the slider is at its initial position
-
+        currentEnd = value[1];
+      // check if the slider is at its initial position
       var isInitialValue = currentStart === start && currentEnd === end;
       this.updateQuery({
         componentId: this.$props.componentId,
@@ -289,11 +260,9 @@ var DynamicRangeSlider = {
       deep: true,
       handler: function handler(newVal) {
         var _this3 = this;
-
         var propsKeys = index.getValidPropsKeys(newVal);
         checkSomePropChange(newVal, this.componentProps, propsKeys, function () {
           _this3.updateComponentProps(_this3.componentId, newVal, constants.componentTypes.dynamicRangeSlider);
-
           _this3.updateComponentProps(_this3.internalRangeComponent, newVal, constants.componentTypes.dynamicRangeSlider);
         });
       }
@@ -312,15 +281,12 @@ var DynamicRangeSlider = {
     },
     range: function range(newValue, oldValue) {
       if (isEqual(newValue, oldValue) || !this.currentValue) return;
-
       var _ref3 = this.currentValue || [],
-          currentStart = _ref3[0],
-          currentEnd = _ref3[1];
-
+        currentStart = _ref3[0],
+        currentEnd = _ref3[1];
       var _ref4 = oldValue || {},
-          oldStart = _ref4.start,
-          oldEnd = _ref4.end;
-
+        oldStart = _ref4.start,
+        oldEnd = _ref4.end;
       var newStart = currentStart === oldStart ? newValue.start : currentStart;
       var newEnd = currentEnd === oldEnd ? newValue.end : currentEnd;
       this.handleChange([newStart, newEnd]);
@@ -338,14 +304,12 @@ var DynamicRangeSlider = {
   },
   render: function render() {
     var h = arguments[0];
-
     if (!this.range || !this.currentValue) {
       return null;
     }
-
     var _this$range = this.range,
-        start = _this$range.start,
-        end = _this$range.end;
+      start = _this$range.start,
+      end = _this$range.end;
     return h(Container.Container, {
       "class": this.$props.className
     }, [this.$props.title && h(Title.Title, {
@@ -376,13 +340,10 @@ var DynamicRangeSlider = {
     }, [this.labels.end])]) : null])])]);
   }
 };
-
 DynamicRangeSlider.defaultQuery = function (values, props) {
   var query = null;
-
   if (Array.isArray(values) && values.length) {
     var _range;
-
     query = {
       range: (_range = {}, _range[props.dataField] = {
         gte: values[0],
@@ -391,7 +352,6 @@ DynamicRangeSlider.defaultQuery = function (values, props) {
       }, _range)
     };
   }
-
   if (query && props.nestedField) {
     return {
       query: {
@@ -402,28 +362,22 @@ DynamicRangeSlider.defaultQuery = function (values, props) {
       }
     };
   }
-
   return query;
 };
-
 DynamicRangeSlider.parseValue = function (value) {
   if (value) {
     return Array.isArray(value) ? value : [value.start, value.end];
   }
-
   return [];
 };
-
 DynamicRangeSlider.hasInternalComponent = function () {
   return true;
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   var componentId = state.aggregations[props.componentId];
   var internalRange = state.aggregations[props.componentId + "__range__internal"];
   var options = componentId && componentId[props.dataField];
   var range = state.aggregations[props.componentId + "__range__internal"];
-
   if (props.nestedField) {
     options = options && componentId[props.dataField][props.nestedField] && componentId[props.dataField][props.nestedField].buckets ? componentId[props.dataField][props.nestedField].buckets : [];
     range = range && internalRange[props.nestedField].min ? {
@@ -437,7 +391,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
       end: internalRange.max.value
     } : null;
   }
-
   return {
     options: options,
     range: range,
@@ -446,7 +399,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     enableAppbase: state.config.enableAppbase
   };
 };
-
 var mapDispatchtoProps = {
   addComponent: addComponent,
   removeComponent: removeComponent,
@@ -459,12 +411,11 @@ var mapDispatchtoProps = {
   updateComponentProps: updateComponentProps
 };
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(index.connect(mapStateToProps, mapDispatchtoProps)(DynamicRangeSlider));
-
 DynamicRangeSlider.install = function (Vue) {
   Vue.component(DynamicRangeSlider.name, RangeConnected);
-}; // Add componentType for SSR
-
+};
 
+// Add componentType for SSR
 DynamicRangeSlider.componentType = constants.componentTypes.dynamicRangeSlider;
 
 exports.RangeConnected = RangeConnected;

package/dist/cjs/{Flex-aa517a13.js → Flex-ddd7cb6b.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
@@ -13,12 +13,10 @@ var leftLabel = emotion.css(_templateObject || (_templateObject = _rollupPluginB
 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) {

package/dist/cjs/{FormControlList-c195a592.js → FormControlList-bbb5cd24.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
@@ -16,12 +16,10 @@ var item = {
 };
 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) {