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

package/dist/cjs/ListItem-c067bc07.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vueEmotion = require('@appbaseio/vue-emotion');
+var polished = require('polished');
+require('./Title-8802a218.js');
+
+var _templateObject, _templateObject2;
+var container = "\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n";
+var smallImage = "\n\twidth: 100px;\n\theight: 100px;\n";
+var Image = vueEmotion.styled('div')(_templateObject || (_templateObject = _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 = vueEmotion.styled('a')(_templateObject2 || (_templateObject2 = _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/MultiDropdownList.js

@@ -8,27 +8,30 @@ var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-require('emotion');
 require('@appbaseio/vue-emotion');
+require('emotion');
 require('polished');
-var Button = require('./Button-841fd06d.js');
-var vueTypes = require('./vueTypes-7cfc2f98.js');
+var Button = require('./Button-626c5e8e.js');
+var vueTypes = require('./vueTypes-621a8143.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
-var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
-require('@vue/babel-helper-vue-jsx-merge-props');
-var Title = require('./Title-16042ea0.js');
-require('./CancelSvg-220a7cc3.js');
-require('./Input-ead4cd84.js');
+var index = require('./index-dc25b706.js');
+var ComponentWrapper = require('./ComponentWrapper-db45cc6d.js');
+var PreferencesConsumer = require('./PreferencesConsumer-034c55e3.js');
+var Title = require('./Title-8802a218.js');
+require('./CancelSvg-062a42f0.js');
+require('./Input-4d278ca0.js');
 require('compute-scroll-into-view');
-var Container = require('./Container-e699ea95.js');
+var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 var utils = require('./utils-83fd01e9.js');
-var DropDown = require('./DropDown-8984b544.js');
+var DropDown = require('./DropDown-3b899b20.js');
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
 var updateQuery = configureStore.Actions.updateQuery,
   setQueryOptions = configureStore.Actions.setQueryOptions,
   setCustomQuery = configureStore.Actions.setCustomQuery,
@@ -87,7 +90,7 @@ var MultiDropdownList = {
     showSearch: VueTypes.bool.def(false),
     showClear: VueTypes.bool.def(false),
     showLoadMore: VueTypes.bool.def(false),
-    loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
+    loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.nullable]).def('Load More'),
     nestedField: vueTypes.types.string,
     index: VueTypes.string,
     searchPlaceholder: VueTypes.string.def('Type here to search...'),
@@ -189,25 +192,25 @@ var MultiDropdownList = {
     }
   },
   render: function render() {
-    var h = arguments[0];
+    var _this3 = this;
     var _this$$props = this.$props,
       showLoadMore = _this$$props.showLoadMore,
       loadMoreLabel = _this$$props.loadMoreLabel,
       renderItem = _this$$props.renderItem,
       renderError = _this$$props.renderError,
       renderLabel = _this$$props.renderLabel;
-    var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
-    var renderErrorCalc = this.$scopedSlots.renderError || renderError;
-    var renderLabelCalc = this.$scopedSlots.renderLabel || renderLabel;
+    var renderItemCalc = this.$slots.renderItem || renderItem;
+    var renderErrorCalc = this.$slots.renderError || renderError;
+    var renderLabelCalc = this.$slots.renderLabel || renderLabel;
     var isLastBucket = this.$data.isLastBucket;
-    var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
+    var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
     var selectAll = [];
     if (renderErrorCalc && this.error) {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
     if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
       if (renderNoResults && index.isFunction(renderNoResults)) {
-        return h("div", [renderNoResults()]);
+        return vue.createVNode("div", null, [renderNoResults()]);
       }
       if (renderNoResults && !index.isFunction(renderNoResults)) {
         return renderNoResults;
@@ -220,47 +223,53 @@ var MultiDropdownList = {
         doc_count: this.totalDocumentCount
       }];
     }
-    return h(Container.Container, {
+    return vue.createVNode(Container.Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title.Title, {
-      "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), h(DropDown.Dropdown, {
-      "attrs": {
-        "innerClass": this.$props.innerClass,
-        "items": [].concat(selectAll, this.$data.modifiedOptions.filter(function (item) {
-          return String(item.key).trim().length;
-        }).map(function (item) {
-          return _rollupPluginBabelHelpers._extends({}, item, {
-            key: String(item.key)
-          });
-        })),
-        "hasCustomRenderer": this.hasCustomRenderer,
-        "customRenderer": this.getComponent,
-        "handleChange": this.handleChange,
-        "selectedItem": this.$data.currentValue,
-        "placeholder": this.$props.placeholder,
-        "labelField": "key",
-        "multi": true,
-        "showCount": this.$props.showCount,
-        "themePreset": this.themePreset,
-        "renderItem": renderItemCalc,
-        "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
-        "showSearch": this.$props.showSearch,
-        "showClear": this.$props.showClear,
-        "searchPlaceholder": this.$props.searchPlaceholder,
-        "transformData": this.$props.transformData,
-        "footer": showLoadMore && !isLastBucket && h("div", {
-          "attrs": {
-            "css": Button.loadMoreContainer
+    }, {
+      "default": function _default() {
+        return [_this3.$props.title && vue.createVNode(Title.Title, {
+          "class": getClassName(_this3.$props.innerClass, 'title') || ''
+        }, {
+          "default": function _default() {
+            return [_this3.$props.title];
           }
-        }, [h(Button.Button, {
-          "on": {
-            "click": this.handleLoadMore
-          }
-        }, [loadMoreLabel])]),
-        "customLabelRenderer": renderLabelCalc
+        }), vue.createVNode(DropDown.Dropdown, {
+          "innerClass": _this3.$props.innerClass,
+          "items": [].concat(selectAll, _this3.$data.modifiedOptions.filter(function (item) {
+            return String(item.key).trim().length;
+          }).map(function (item) {
+            return _rollupPluginBabelHelpers._extends({}, item, {
+              key: String(item.key)
+            });
+          })),
+          "hasCustomRenderer": _this3.hasCustomRenderer,
+          "customRenderer": _this3.getComponent,
+          "handleChange": _this3.handleChange,
+          "selectedItem": _this3.$data.currentValue,
+          "placeholder": _this3.$props.placeholder,
+          "labelField": "key",
+          "multi": true,
+          "showCount": _this3.$props.showCount,
+          "themePreset": _this3.themePreset,
+          "renderItem": renderItemCalc,
+          "renderNoResults": _this3.$slots.renderNoResults || _this3.$props.renderNoResults,
+          "showSearch": _this3.$props.showSearch,
+          "showClear": _this3.$props.showClear,
+          "searchPlaceholder": _this3.$props.searchPlaceholder,
+          "transformData": _this3.$props.transformData,
+          "footer": showLoadMore && !isLastBucket && vue.createVNode("div", {
+            "css": Button.loadMoreContainer
+          }, [vue.createVNode(Button.Button, {
+            "onClick": _this3.handleLoadMore
+          }, _isSlot(loadMoreLabel) ? loadMoreLabel : {
+            "default": function _default() {
+              return [loadMoreLabel];
+            }
+          })]),
+          "customLabelRenderer": renderLabelCalc
+        }, null)];
       }
-    })]);
+    });
   },
   methods: {
     handleChange: function handleChange(item) {
@@ -273,7 +282,7 @@ var MultiDropdownList = {
       }
     },
     setValue: function setValue(value, isDefaultValue, props) {
-      var _this3 = this;
+      var _this4 = this;
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
       }
@@ -326,10 +335,10 @@ var MultiDropdownList = {
         finalValues = Object.keys(currentValue);
       }
       var performUpdate = function performUpdate() {
-        _this3.currentValue = _rollupPluginBabelHelpers._extends({}, currentValue);
-        _this3.updateQueryHandler(finalValues, props);
-        _this3.$emit('valueChange', finalValues);
-        _this3.$emit('value-change', finalValues);
+        _this4.currentValue = _rollupPluginBabelHelpers._extends({}, currentValue);
+        _this4.updateQueryHandler(finalValues, props);
+        _this4.$emit('valueChange', finalValues);
+        _this4.$emit('value-change', finalValues);
       };
       checkValueChange(props.componentId, finalValues, props.beforeValueChange, performUpdate);
     },

package/dist/cjs/MultiList.js

@@ -8,21 +8,22 @@ var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-require('emotion');
 require('@appbaseio/vue-emotion');
+require('emotion');
 require('polished');
-var vueTypes = require('./vueTypes-7cfc2f98.js');
+var vueTypes = require('./vueTypes-621a8143.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
-var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
-var Title = require('./Title-16042ea0.js');
-var Input = require('./Input-ead4cd84.js');
-var Container = require('./Container-e699ea95.js');
+var index = require('./index-dc25b706.js');
+var ComponentWrapper = require('./ComponentWrapper-db45cc6d.js');
+var PreferencesConsumer = require('./PreferencesConsumer-034c55e3.js');
+var Title = require('./Title-8802a218.js');
+var Input = require('./Input-4d278ca0.js');
+var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
-var FormControlList = require('./FormControlList-bbb5cd24.js');
+var FormControlList = require('./FormControlList-cf1ff2ca.js');
 var utils = require('./utils-83fd01e9.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
@@ -160,13 +161,12 @@ var MultiList = {
   },
   render: function render() {
     var _this2 = this;
-    var h = arguments[0];
     var _this$$props = this.$props,
       selectAllLabel = _this$$props.selectAllLabel,
       renderItem = _this$$props.renderItem,
       renderError = _this$$props.renderError;
-    var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
-    var renderErrorCalc = this.$scopedSlots.renderError || renderError;
+    var renderItemCalc = this.$slots.renderItem || renderItem;
+    var renderErrorCalc = this.$slots.renderError || renderError;
     if (renderErrorCalc && this.error) {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
@@ -190,69 +190,72 @@ var MultiList = {
       }
       return false;
     });
-    return h(Container.Container, {
+    return vue.createVNode(Container.Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title.Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), this.renderSearch(), this.hasCustomRenderer ? this.getComponent() : h(FormControlList.UL, {
-      "class": getClassName(this.$props.innerClass, 'list')
-    }, [selectAllLabel ? h("li", {
-      "key": selectAllLabel,
-      "class": "" + (this.currentValue[selectAllLabel] ? 'active' : '')
-    }, [h(FormControlList.Checkbox, {
-      "attrs": {
-        "type": "checkbox",
-        "id": this.$props.componentId + "-" + selectAllLabel,
-        "name": selectAllLabel,
-        "value": selectAllLabel,
-        "show": this.$props.showCheckbox
-      },
-      "class": getClassName(this.$props.innerClass, 'checkbox'),
-      "on": {
-        "click": this.handleClick
-      },
-      "domProps": _rollupPluginBabelHelpers._extends({}, {
-        checked: !!this.currentValue[selectAllLabel]
-      })
-    }), h("label", {
-      "class": getClassName(this.$props.innerClass, 'label'),
-      "attrs": {
-        "for": this.$props.componentId + "-" + selectAllLabel
+    }, {
+      "default": function _default() {
+        return [_this2.$props.title && vue.createVNode(Title.Title, {
+          "class": getClassName(_this2.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this2.$props.title];
+          }
+        }), _this2.renderSearch(), _this2.hasCustomRenderer ? _this2.getComponent() : vue.createVNode(FormControlList.UL, {
+          "class": getClassName(_this2.$props.innerClass, 'list')
+        }, {
+          "default": function _default() {
+            return [selectAllLabel ? vue.createVNode("li", {
+              "key": selectAllLabel,
+              "class": "" + (_this2.currentValue[selectAllLabel] ? 'active' : '')
+            }, [vue.createVNode(FormControlList.Checkbox, vue.mergeProps({
+              "type": "checkbox",
+              "class": getClassName(_this2.$props.innerClass, 'checkbox'),
+              "id": _this2.$props.componentId + "-" + selectAllLabel,
+              "name": selectAllLabel,
+              "value": selectAllLabel,
+              "onClick": _this2.handleClick
+            }, {
+              domProps: {
+                checked: !!_this2.currentValue[selectAllLabel]
+              }
+            }, {
+              "show": _this2.$props.showCheckbox
+            }), null), vue.createVNode("label", {
+              "class": getClassName(_this2.$props.innerClass, 'label'),
+              "for": _this2.$props.componentId + "-" + selectAllLabel
+            }, [vue.createVNode("span", null, [selectAllLabel, _this2.$props.showCount && vue.createVNode("span", {
+              "class": getClassName(_this2.$props.innerClass, 'count')
+            }, [vue.createTextVNode("\xA0("), _this2.totalDocumentCount, vue.createTextVNode(")")])])])]) : null, !_this2.hasCustomRenderer && filteredItemsToRender.length === 0 && !_this2.isLoading ? _this2.renderNoResult() : filteredItemsToRender.map(function (item) {
+              return vue.createVNode("li", {
+                "key": item.key,
+                "class": "" + (_this2.$data.currentValue[item.key] ? 'active' : '')
+              }, [vue.createVNode(FormControlList.Checkbox, vue.mergeProps({
+                "type": "checkbox",
+                "class": getClassName(_this2.$props.innerClass, 'checkbox'),
+                "id": _this2.$props.componentId + "-" + item.key,
+                "name": _this2.$props.componentId,
+                "value": item.key,
+                "onClick": _this2.handleClick,
+                "show": _this2.$props.showCheckbox
+              }, {
+                domProps: {
+                  checked: !!_this2.$data.currentValue[item.key]
+                }
+              }), null), vue.createVNode("label", {
+                "class": getClassName(_this2.$props.innerClass, 'label'),
+                "for": _this2.$props.componentId + "-" + item.key
+              }, [renderItemCalc ? renderItemCalc({
+                label: item.key,
+                count: item.doc_count,
+                isChecked: !!_this2.$data.currentValue[item.key]
+              }) : vue.createVNode("span", null, [item.key, _this2.$props.showCount && vue.createVNode("span", {
+                "class": getClassName(_this2.$props.innerClass, 'count')
+              }, [vue.createTextVNode("\xA0("), item.doc_count, vue.createTextVNode(")")])])])]);
+            })];
+          }
+        })];
       }
-    }, [h("span", [selectAllLabel, this.$props.showCount && h("span", {
-      "class": getClassName(this.$props.innerClass, 'count')
-    }, ["\xA0(", this.totalDocumentCount, ")"])])])]) : null, !this.hasCustomRenderer && filteredItemsToRender.length === 0 && !this.isLoading ? this.renderNoResult() : filteredItemsToRender.map(function (item) {
-      return h("li", {
-        "key": item.key,
-        "class": "" + (_this2.$data.currentValue[item.key] ? 'active' : '')
-      }, [h(FormControlList.Checkbox, {
-        "attrs": {
-          "type": "checkbox",
-          "id": _this2.$props.componentId + "-" + item.key,
-          "name": _this2.$props.componentId,
-          "value": item.key,
-          "show": _this2.$props.showCheckbox
-        },
-        "class": getClassName(_this2.$props.innerClass, 'checkbox'),
-        "on": {
-          "click": _this2.handleClick
-        },
-        "domProps": _rollupPluginBabelHelpers._extends({}, {
-          checked: !!_this2.$data.currentValue[item.key]
-        })
-      }), h("label", {
-        "class": getClassName(_this2.$props.innerClass, 'label'),
-        "attrs": {
-          "for": _this2.$props.componentId + "-" + item.key
-        }
-      }, [renderItemCalc ? renderItemCalc({
-        label: item.key,
-        count: item.doc_count,
-        isChecked: !!_this2.$data.currentValue[item.key]
-      }) : h("span", [item.key, _this2.$props.showCount && h("span", {
-        "class": getClassName(_this2.$props.innerClass, 'count')
-      }, ["\xA0(", item.doc_count, ")"])])])]);
-    })])]);
+    });
   },
   methods: {
     setValue: function setValue(value, isDefaultValue, props) {
@@ -380,22 +383,17 @@ var MultiList = {
       this.searchTerm = value;
     },
     renderSearch: function renderSearch() {
-      var h = this.$createElement;
       if (this.$props.showSearch) {
-        return h(Input.Input, {
+        return vue.createVNode(Input.Input, {
           "class": getClassName(this.$props.innerClass, 'input') || '',
-          "on": {
-            "input": this.handleInputChange
-          },
-          "attrs": {
-            "value": this.$data.searchTerm,
-            "placeholder": this.$props.placeholder,
-            "themePreset": this.$props.themePreset
-          },
+          "onInput": this.handleInputChange,
+          "value": this.$data.searchTerm,
+          "placeholder": this.$props.placeholder,
           "style": {
             margin: '0 0 8px'
-          }
-        });
+          },
+          "themePreset": this.$props.themePreset
+        }, null);
       }
       return null;
     },
@@ -432,9 +430,8 @@ var MultiList = {
       return index.getComponent(data, this);
     },
     renderNoResult: function renderNoResult() {
-      var h = this.$createElement;
-      var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
-      return h("p", {
+      var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
+      return vue.createVNode("p", {
         "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     }

package/dist/cjs/MultiRange.js

@@ -8,20 +8,23 @@ var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-7cfc2f98.js');
+var vueTypes = require('./vueTypes-621a8143.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
-var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
-var Title = require('./Title-16042ea0.js');
-var Container = require('./Container-e699ea95.js');
-var FormControlList = require('./FormControlList-bbb5cd24.js');
+var index = require('./index-dc25b706.js');
+var ComponentWrapper = require('./ComponentWrapper-db45cc6d.js');
+var PreferencesConsumer = require('./PreferencesConsumer-034c55e3.js');
+var Title = require('./Title-8802a218.js');
+var Container = require('./Container-29f049b2.js');
+var FormControlList = require('./FormControlList-cf1ff2ca.js');
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
 var updateQuery = configureStore.Actions.updateQuery,
   setQueryOptions = configureStore.Actions.setQueryOptions,
   setCustomQuery = configureStore.Actions.setCustomQuery;
@@ -189,41 +192,51 @@ var MultiRange = {
     }
   },
   render: function render() {
+    var _slot;
     var _this2 = this;
-    var h = arguments[0];
-    return h(Container.Container, {
+    return vue.createVNode(Container.Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title.Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), h(FormControlList.UL, {
-      "class": getClassName(this.$props.innerClass, 'list')
-    }, [this.$props.data.map(function (item) {
-      var selected = !!_this2.$data.currentValue && _this2.$data.currentValue.label === item.label;
-      return h("li", {
-        "key": item.label,
-        "class": "" + (selected ? 'active' : '')
-      }, [h(FormControlList.Checkbox, {
-        "class": getClassName(_this2.$props.innerClass, 'checkbox'),
-        "attrs": {
-          "id": _this2.$props.componentId + "-" + item.label,
-          "name": _this2.$props.componentId,
-          "value": item.label,
-          "type": "Checkbox",
-          "show": _this2.$props.showCheckbox
-        },
-        "domProps": _rollupPluginBabelHelpers._extends({}, {
-          checked: _this2.selectedValues[item.label]
-        }),
-        "on": _rollupPluginBabelHelpers._extends({}, {
-          click: _this2.handleClick
-        })
-      }), h("label", {
-        "class": getClassName(_this2.$props.innerClass, 'label'),
-        "attrs": {
-          "for": _this2.$props.componentId + "-" + item.label
-        }
-      }, [item.label])]);
-    })])]);
+    }, {
+      "default": function _default() {
+        return [_this2.$props.title && vue.createVNode(Title.Title, {
+          "class": getClassName(_this2.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this2.$props.title];
+          }
+        }), vue.createVNode(FormControlList.UL, {
+          "class": getClassName(_this2.$props.innerClass, 'list')
+        }, _isSlot(_slot = _this2.$props.data.map(function (item) {
+          var selected = !!_this2.$data.currentValue && _this2.$data.currentValue.label === item.label;
+          return vue.createVNode("li", {
+            "key": item.label,
+            "class": "" + (selected ? 'active' : '')
+          }, [vue.createVNode(FormControlList.Checkbox, vue.mergeProps({
+            "class": getClassName(_this2.$props.innerClass, 'checkbox'),
+            "id": _this2.$props.componentId + "-" + item.label,
+            "name": _this2.$props.componentId,
+            "value": item.label,
+            "type": "Checkbox",
+            "show": _this2.$props.showCheckbox
+          }, {
+            domProps: {
+              checked: _this2.selectedValues[item.label]
+            }
+          }, {
+            on: {
+              click: _this2.handleClick
+            }
+          }), null), vue.createVNode("label", {
+            "class": getClassName(_this2.$props.innerClass, 'label'),
+            "for": _this2.$props.componentId + "-" + item.label
+          }, [item.label])]);
+        })) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        })];
+      }
+    });
   }
 };
 MultiRange.parseValue = function (value, props) {