@appbaseio/reactivesearch-vue 2.0.0-alpha.3 → 3.0.0-alpha.0

package/dist/cjs/DataSearch.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('@appbaseio/reactivecore');
-require('./_rollupPluginBabelHelpers-c705cbe6.js');
-require('vue-types');
-require('@appbaseio/reactivecore/lib/utils/constants');
-require('@appbaseio/reactivecore/lib/utils/helper');
-require('emotion');
-require('@appbaseio/vue-emotion');
-require('polished');
-require('./vueTypes-727b7c63.js');
-require('@appbaseio/reactivecore/lib/utils/transform');
-require('redux');
-require('./index-6a167fe0.js');
-require('./ComponentWrapper-ad3dad02.js');
-require('./Title-1de7d0f4.js');
-require('./Flex-aa517a13.js');
-require('hotkeys-js');
-var DataSearch = require('./DataSearch-6cf29cf0.js');
-require('./CancelSvg-9f258f4f.js');
-require('./Input-e6603a7e.js');
-require('compute-scroll-into-view');
-require('./Container-daf30918.js');
-require('vue-highlight-words');
-
-
-
-exports.default = DataSearch.DataSearch;

package/dist/cjs/DropDown-c479bbb0.js

@@ -1,328 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var configureStore = require('@appbaseio/reactivecore');
-var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.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-6a167fe0.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 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) {
-  var themePreset = _ref2.themePreset;
-  return themePreset === 'dark' && dark;
-});
-var Tick = styled__default('span')(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tposition: relative;\n\tuser-select: none;\n\talign-items: center;\n\n\t&::after {\n\t\tbox-sizing: content-box;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: transparent;\n\t\ttop: 50%;\n\t\tleft: 0;\n\t\twidth: 8px;\n\t\theight: 4px;\n\t\tmargin-top: -4px;\n\t\tborder-style: solid;\n\t\tborder-color: ", ";\n\t\tborder-width: 0 0 2px 2px;\n\t\tborder-radius: 0;\n\t\tborder-image: none;\n\t\ttransform: rotate(-45deg) scale(1);\n\t\ttransition: all 200ms ease-out;\n\t}\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors.primaryColor;
-});
-
-var _templateObject$1, _templateObject2$1;
-var open = emotion.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\ttop: 0.55em;\n\ttransform: rotate(-45deg);\n"])));
-var Chevron = styled__default('span')(_templateObject2$1 || (_templateObject2$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t&::before {\n\t\tcontent: '';\n\t\tborder-style: solid;\n\t\tborder-width: 0.15em 0.15em 0 0;\n\t\tdisplay: inline-block;\n\t\theight: 0.45em;\n\t\tposition: relative;\n\t\ttop: 0.35em;\n\t\tleft: 0;\n\t\ttransform: rotate(135deg);\n\t\tvertical-align: top;\n\t\twidth: 0.45em;\n\n\t\t", ";\n\t}\n"])), function (props) {
-  return props.open ? open : null;
-});
-
-var getClassName = configureStore.helper.getClassName;
-var Dropdown = {
-  data: function data() {
-    this.__state = {
-      isOpen: false,
-      searchTerm: ''
-    };
-    return this.__state;
-  },
-  inject: {
-    theme: {
-      from: 'theme_reactivesearch'
-    }
-  },
-  props: {
-    innerClass: vueTypes.types.style,
-    items: vueTypes.types.data,
-    keyField: VueTypes.string.def('key'),
-    labelField: VueTypes.string.def('label'),
-    multi: VueTypes.bool,
-    // change event
-    placeholder: vueTypes.types.string,
-    returnsObject: VueTypes.bool,
-    customLabelRenderer: vueTypes.types.func,
-    hasCustomRenderer: VueTypes.bool,
-    customRenderer: vueTypes.types.func,
-    renderItem: vueTypes.types.func,
-    renderNoResults: VueTypes.any,
-    handleChange: vueTypes.types.func,
-    transformData: vueTypes.types.func,
-    selectedItem: vueTypes.types.selectedValue,
-    showCount: VueTypes.bool,
-    single: VueTypes.bool,
-    small: VueTypes.bool.def(false),
-    themePreset: vueTypes.types.themePreset,
-    showSearch: VueTypes.bool,
-    showClear: VueTypes.bool,
-    searchPlaceholder: VueTypes.string.def('Type here to search...')
-  },
-  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;
-    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, {
-      "attrs": {
-        "isOpen": this.$data.isOpen,
-        "selectedItem": selectedItem,
-        "handleChange": this.onChange,
-        "handleMouseup": this.handleStateChange
-      },
-      "scopedSlots": {
-        "default": function _default(_ref) {
-          var getItemProps = _ref.getItemProps,
-              isOpen = _ref.isOpen,
-              highlightedIndex = _ref.highlightedIndex,
-              getButtonProps = _ref.getButtonProps,
-              getItemEvents = _ref.getItemEvents,
-              getInputEvents = _ref.getInputEvents;
-          return h("div", {
-            "class": Input.suggestionsContainer
-          }, [h(Select, {
-            "on": _rollupPluginBabelHelpers._extends({}, _rollupPluginBabelHelpers._extends({}, getButtonProps({
-              onClick: _this.toggle
-            }))),
-            "class": getClassName(_this.$props.innerClass, 'select') || '',
-            "attrs": {
-              "title": selectedItem ? _this.renderToString(selectedItem) : placeholder,
-              "small": _this.$props.small,
-              "themePreset": _this.$props.themePreset
-            }
-          }, [customLabelRenderer ? customLabelRenderer(selectedItem) : h("div", [selectedItem ? _this.renderToString(selectedItem) : placeholder]), h(Chevron, {
-            "attrs": {
-              "open": isOpen
-            }
-          })]), hasCustomRenderer ? customRenderer(itemsToRender, {
-            getItemProps: getItemProps,
-            isOpen: isOpen,
-            highlightedIndex: highlightedIndex,
-            getButtonProps: getButtonProps,
-            getItemEvents: getItemEvents
-          }) : isOpen && itemsToRender.length ? h("ul", {
-            "class": Input.suggestions(themePreset, _this.theme) + " " + (_this.$props.small ? 'small' : '') + " " + getClassName(_this.$props.innerClass, 'list')
-          }, [_this.$props.showSearch ? _this.renderSearchbox({
-            on: {
-              input: getInputEvents({
-                onInput: _this.handleInputChange
-              }).input
-            }
-          }) : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
-            var selected = _this.$props.multi // MultiDropdownList
-            && (selectedItem && !!selectedItem[item[keyField]] // MultiDropdownRange
-            || Array.isArray(selectedItem) && selectedItem.find(function (value) {
-              return value[labelField] === item[labelField];
-            }));
-            if (!_this.$props.multi) selected = item.key === selectedItem;
-            return h("li", {
-              "domProps": _rollupPluginBabelHelpers._extends({}, getItemProps({
-                item: item
-              })),
-              "on": _rollupPluginBabelHelpers._extends({}, getItemEvents({
-                item: item
-              })),
-              "key": item[keyField],
-              "class": "" + (selected ? 'active' : ''),
-              "style": {
-                backgroundColor: _this.getBackgroundColor(highlightedIndex === index, selected)
-              }
-            }, [renderItem ? renderItem({
-              label: item[labelField],
-              count: item.doc_count,
-              isChecked: selected && _this.$props.multi
-            }) : h("div", [typeof item[labelField] === 'string' ? h("span", {
-              "domProps": {
-                "innerHTML": item[labelField]
-              }
-            }) : item[labelField], _this.$props.showCount && item.doc_count && h("span", {
-              "class": getClassName(_this.$props.innerClass, 'count') || ''
-            }, ["\xA0(", item.doc_count, ")"])]), selected && _this.$props.multi ? h(Tick, {
-              "class": getClassName(_this.$props.innerClass, 'icon') || ''
-            }) : null]);
-          }), footer]) : null]);
-        }
-      }
-    });
-  },
-  methods: {
-    toggle: function toggle() {
-      this.isOpen = !this.$data.isOpen;
-    },
-    close: function close() {
-      this.isOpen = false;
-    },
-    onChange: function onChange(item) {
-      if (this.$props.returnsObject) {
-        this.$props.handleChange(item);
-      } else {
-        this.$props.handleChange(item[this.$props.keyField]);
-      }
-
-      if (!this.$props.multi) {
-        this.isOpen = false;
-        this.searchTerm = '';
-      }
-    },
-    handleStateChange: function handleStateChange(_ref2) {
-      var isOpen = _ref2.isOpen;
-      this.isOpen = isOpen;
-    },
-    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) {
-      var value = e.target.value;
-      this.searchTerm = value;
-    },
-    clearSearchTerm: function clearSearchTerm() {
-      this.searchTerm = '';
-    },
-    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() {
-      var h = this.$createElement;
-      var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
-      return h("p", {
-        "class": getClassName(this.$props.innerClass, 'noResults') || null
-      }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
-    },
-    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;
-      var InputComponent = h(Input.Input, _mergeJSXProps([{
-        "attrs": {
-          "id": componentId + "-input",
-          "showIcon": false,
-          "showClear": showClear,
-          "placeholder": searchPlaceholder,
-          "value": this.$data.searchTerm,
-          "themePreset": themePreset
-        },
-        "style": {
-          border: 0,
-          borderBottom: '1px solid #ddd'
-        },
-        "class": getClassName(innerClass, 'input')
-      }, eventObject]));
-
-      if (showClear) {
-        return h(CancelSvg.InputWrapper, [InputComponent, this.searchTerm && h(CancelSvg.IconGroup, {
-          "attrs": {
-            "groupPosition": "right",
-            "positionType": "absolute"
-          }
-        }, [h(CancelSvg.IconWrapper, {
-          "on": {
-            "click": this.clearSearchTerm
-          },
-          "attrs": {
-            "isClearIcon": true
-          }
-        }, [h(CancelSvg.CancelSvg)])])]);
-      }
-
-      return InputComponent;
-    }
-  }
-};
-
-exports.Dropdown = Dropdown;

package/dist/cjs/Flex-aa517a13.js

@@ -1,52 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.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-c195a592.js

@@ -1,47 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.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;

package/dist/cjs/Input-e6603a7e.js

@@ -1,79 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-
-var alertBorder = function alertBorder(_ref) {
-  var theme = _ref.theme;
-  return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: 1px solid ", ";\n"])), theme.colors.alertColor);
-};
-
-var input = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n"])));
-
-var dark = function dark(theme) {
-  return emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder-color: ", ";\n"])), theme.colors.borderColor);
-};
-
-var darkInput = function darkInput(_ref2) {
-  var theme = _ref2.theme;
-  return emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor, theme.colors.textColor, dark(theme), theme.colors.backgroundColor);
-};
-
-var Input = styled__default('input')(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
-  var themePreset = _ref3.themePreset,
-      theme = _ref3.theme;
-  return themePreset === 'dark' && darkInput({
-    theme: theme
-  });
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'left' && emotion.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-left: 36px;\n\t\t"])));
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'right' && emotion.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 36px;\n\t\t"])));
-}, function (props) {
-  return (// for clear icon
-    props.showClear && emotion.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 36px;\n\t\t"])))
-  );
-}, function (props) {
-  return (// for voice search icon
-    props.showVoiceSearch && emotion.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 36px;\n\t\t"])))
-  );
-}, function (props) {
-  return (// for clear icon with search icon
-    props.showClear && props.showIcon && props.iconPosition === 'right' && emotion.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 66px;\n\t\t"])))
-  );
-}, function (props) {
-  return (// for voice search icon with search icon
-    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && emotion.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 66px;\n\t\t"])))
-  );
-}, function (props) {
-  return (// for voice search icon with clear icon
-    props.showVoiceSearch && props.showIcon && emotion.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 66px;\n\t\t"])))
-  );
-}, function (props) {
-  return (// for clear icon with search icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && emotion.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tpadding-right: 90px;\n\t\t"])))
-  );
-}, function (props) {
-  return props.alert && alertBorder;
-});
-
-var suggestions = function suggestions(themePreset, theme) {
-  return emotion.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
-};
-
-var suggestionsContainer = emotion.css(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
-
-var noSuggestions = function noSuggestions(themePreset, theme) {
-  return emotion.css(_templateObject16 || (_templateObject16 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
-};
-
-exports.Input = Input;
-exports.noSuggestions = noSuggestions;
-exports.suggestions = suggestions;
-exports.suggestionsContainer = suggestionsContainer;

package/dist/cjs/ListItem-8c9e0d68.js

@@ -1,46 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-require('./Title-1de7d0f4.js');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));
-var smallImage = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100px;\n\theight: 100px;\n"])));
-var Image = styled__default('div')(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 160px;\n\theight: 160px;\n\t", ";\n\tmargin: 0;\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-image: ", ";\n"])), function (props) {
-  return props.small ? smallImage : null;
-}, function (props) {
-  return "url(" + props.src + ")";
-});
-var ListItem = styled__default('a')(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: auto;\n\toutline: none;\n\ttext-decoration: none;\n\tborder-radius: 0;\n\tbackground-color: ", ";\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin: 0;\n\tpadding: 10px;\n\tborder-bottom: 1px solid ", ";\n\tcolor: ", ";\n\t", "; all 0.3s ease;\n\n\t&:hover, &:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:last-child {\n\t\tborder: 0;\n\t}\n\n\th2 {\n\t\twidth: 100%;\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: 0 0 8px;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\tarticle {\n\t\twidth: ", ";\n\t\tpadding-left: ", ";\n\t\tfont-size: 0.9rem;\n\t}\n\n\t&:hover, &:focus {\n\t\tbox-shadow: 0 0 0 0 rgba(0,0,0,0.10);\n\t}\n\n\t@media (max-width: 420px) {\n\t\tmin-width: 0;\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, &:focus {\n\t\t\tbox-shadow: 0;\n\t\t}\n\t}\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fff';
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.backgroundColor ? polished.lighten(0.3, theme.colors.backgroundColor) : polished.lighten(0.68, theme.colors.textColor);
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors.textColor;
-}, function (props) {
-  return props.href ? 'cursor: pointer' : null;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fdfefd';
-}, function (props) {
-  if (props.image) {
-    return props.small ? 'calc(100% - 100px)' : 'calc(100% - 160px)';
-  }
-
-  return '100%';
-}, function (props) {
-  return props.image ? '10px' : 0;
-});
-
-exports.Image = Image;
-exports.ListItem = ListItem;
-exports.container = container;

package/dist/cjs/Title-1de7d0f4.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-c705cbe6.js');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-
-var _templateObject;
-var Title = styled__default('h2')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.titleColor;
-});
-
-exports.Title = Title;