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

package/dist/es/SelectedFilters.js

@@ -1,14 +1,15 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import '@appbaseio/reactivecore/lib/utils/constants';
-import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, mergeProps, createTextVNode } from 'vue';
 import VueTypes from 'vue-types';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import { f as filters, B as Button } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { f as filters, B as Button } from './Button-ebafa3d6.js';
+import { t as types } from './vueTypes-e4af6fe2.js';
 import 'redux';
-import { n as decodeHtml, c as connect } from './index-0444a498.js';
+import { n as decodeHtml, c as connect } from './index-285a43a6.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 
@@ -36,9 +37,8 @@ var SelectedFilters = {
   },
   render: function render() {
     var _this = this;
-    var h = arguments[0];
-    if (this.$scopedSlots["default"]) {
-      return this.$scopedSlots["default"]({
+    if (this.$slots["default"]) {
+      return this.$slots["default"]({
         components: this.components,
         selectedValues: this.selectedValues,
         clearValues: this.clearValues,
@@ -49,24 +49,36 @@ var SelectedFilters = {
     }
     var filtersToRender = this.renderFilters();
     var hasValues = !!filtersToRender.length;
-    return h(Container, {
+    return createVNode(Container, {
       "class": filters(this.theme) + " " + (this.$props.className || '')
-    }, [this.$props.title && hasValues && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? h(Button, {
-      "class": getClassName(this.$props.innerClass, 'button') || '',
-      "on": _extends({}, {
-        click: this.clearValues,
-        keypress: function keypress(event) {
-          return handleA11yAction(event, function () {
-            return _this.clearValues();
-          });
-        }
-      }),
-      "attrs": {
-        "tabIndex": "0"
+    }, {
+      "default": function _default() {
+        return [_this.$props.title && hasValues && createVNode(Title, {
+          "class": getClassName(_this.$props.innerClass, 'title') || ''
+        }, {
+          "default": function _default() {
+            return [_this.$props.title];
+          }
+        }), filtersToRender, _this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? createVNode(Button, mergeProps({
+          "class": getClassName(_this.$props.innerClass, 'button') || ''
+        }, {
+          on: {
+            click: _this.clearValues,
+            keypress: function keypress(event) {
+              return handleA11yAction(event, function () {
+                return _this.clearValues();
+              });
+            }
+          }
+        }, {
+          "tabIndex": "0"
+        }), {
+          "default": function _default() {
+            return [_this.$props.clearAllLabel];
+          }
+        }) : null];
       }
-    }, [this.$props.clearAllLabel]) : null]);
+    });
   },
   methods: {
     remove: function remove(component, value) {
@@ -118,20 +130,23 @@ var SelectedFilters = {
       return value;
     },
     renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
-      var h = this.$createElement;
-      return h(Button, {
+      return createVNode(Button, mergeProps({
         "class": getClassName(this.$props.innerClass, 'button') || '',
-        "key": keyProp,
-        "on": _extends({}, {
+        "key": keyProp
+      }, {
+        on: {
           click: handleRemove,
           keypress: function keypress(event) {
             return handleA11yAction(event, handleRemove);
           }
-        }),
-        "attrs": {
-          "tabIndex": "0"
         }
-      }, [h("span", [label]), h("span", ["\u2715"])]);
+      }, {
+        "tabIndex": "0"
+      }), {
+        "default": function _default() {
+          return [createVNode("span", null, [label]), createVNode("span", null, [createTextVNode("\u2715")])];
+        }
+      });
     },
     renderFilters: function renderFilters() {
       var _this3 = this;

package/dist/es/SingleDropdownList.js

@@ -1,27 +1,30 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { l as loadMoreContainer, B as Button } from './Button-ebafa3d6.js';
+import { t as types } from './vueTypes-e4af6fe2.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
-import '@vue/babel-helper-vue-jsx-merge-props';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-285a43a6.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bf443c0b.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-7ea7313a.js';
 import { T as Title } from './Title-863dfa42.js';
-import './CancelSvg-e40552a5.js';
-import './Input-c09c0b56.js';
+import './CancelSvg-14ebc9a1.js';
+import './Input-3b8408a6.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-9e5a16a1.js';
-import { D as Dropdown } from './DropDown-28ddce07.js';
+import { D as Dropdown } from './DropDown-35e232b7.js';
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var updateQuery = Actions.updateQuery,
   setQueryOptions = Actions.setQueryOptions,
   setCustomQuery = Actions.setCustomQuery,
@@ -79,7 +82,7 @@ var SingleDropdownList = {
     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: types.string,
     index: VueTypes.string,
     searchPlaceholder: VueTypes.string.def('Type here to search...'),
@@ -171,7 +174,7 @@ var SingleDropdownList = {
     }
   },
   render: function render() {
-    var h = arguments[0];
+    var _this2 = this;
     var _this$$props2 = this.$props,
       showLoadMore = _this$$props2.showLoadMore,
       loadMoreLabel = _this$$props2.loadMoreLabel,
@@ -180,16 +183,16 @@ var SingleDropdownList = {
       renderLabel = _this$$props2.renderLabel;
     var isLastBucket = this.$data.isLastBucket;
     var selectAll = [];
-    var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
-    var renderErrorCalc = this.$scopedSlots.renderError || renderError;
-    var renderLabelCalc = this.$scopedSlots.renderLabel || renderLabel;
-    var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
+    var renderItemCalc = this.$slots.renderItem || renderItem;
+    var renderErrorCalc = this.$slots.renderError || renderError;
+    var renderLabelCalc = this.$slots.renderLabel || renderLabel;
+    var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
     if (renderErrorCalc && this.error) {
       return isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
     if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
       if (renderNoResults && isFunction(renderNoResults)) {
-        return h("div", [renderNoResults()]);
+        return createVNode("div", null, [renderNoResults()]);
       }
       if (renderNoResults && !isFunction(renderNoResults)) {
         return renderNoResults;
@@ -202,58 +205,64 @@ var SingleDropdownList = {
         doc_count: this.totalDocumentCount
       }];
     }
-    return h(Container, {
+    return createVNode(Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), h(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 _extends({}, item, {
-            key: String(item.key)
-          });
-        })),
-        "handleChange": this.handleChange,
-        "selectedItem": this.$data.currentValue,
-        "placeholder": this.$props.placeholder,
-        "labelField": "key",
-        "showCount": this.$props.showCount,
-        "hasCustomRenderer": this.hasCustomRenderer,
-        "customRenderer": this.getComponent,
-        "renderItem": renderItemCalc,
-        "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
-        "themePreset": this.themePreset,
-        "showSearch": this.$props.showSearch,
-        "showClear": this.$props.showClear,
-        "searchPlaceholder": this.$props.searchPlaceholder,
-        "transformData": this.$props.transformData,
-        "footer": showLoadMore && !isLastBucket && h("div", {
-          "attrs": {
-            "css": loadMoreContainer
+    }, {
+      "default": function _default() {
+        return [_this2.$props.title && createVNode(Title, {
+          "class": getClassName(_this2.$props.innerClass, 'title') || ''
+        }, {
+          "default": function _default() {
+            return [_this2.$props.title];
           }
-        }, [h(Button, {
-          "on": {
-            "click": this.handleLoadMore
-          }
-        }, [loadMoreLabel])]),
-        "customLabelRenderer": renderLabelCalc
+        }), createVNode(Dropdown, {
+          "innerClass": _this2.$props.innerClass,
+          "items": [].concat(selectAll, _this2.$data.modifiedOptions.filter(function (item) {
+            return String(item.key).trim().length;
+          }).map(function (item) {
+            return _extends({}, item, {
+              key: String(item.key)
+            });
+          })),
+          "handleChange": _this2.handleChange,
+          "selectedItem": _this2.$data.currentValue,
+          "placeholder": _this2.$props.placeholder,
+          "labelField": "key",
+          "showCount": _this2.$props.showCount,
+          "hasCustomRenderer": _this2.hasCustomRenderer,
+          "customRenderer": _this2.getComponent,
+          "renderItem": renderItemCalc,
+          "renderNoResults": _this2.$slots.renderNoResults || _this2.$props.renderNoResults,
+          "themePreset": _this2.themePreset,
+          "showSearch": _this2.$props.showSearch,
+          "showClear": _this2.$props.showClear,
+          "searchPlaceholder": _this2.$props.searchPlaceholder,
+          "transformData": _this2.$props.transformData,
+          "footer": showLoadMore && !isLastBucket && createVNode("div", {
+            "css": loadMoreContainer
+          }, [createVNode(Button, {
+            "onClick": _this2.handleLoadMore
+          }, _isSlot(loadMoreLabel) ? loadMoreLabel : {
+            "default": function _default() {
+              return [loadMoreLabel];
+            }
+          })]),
+          "customLabelRenderer": renderLabelCalc
+        }, null)];
       }
-    })]);
+    });
   },
   methods: {
     setValue: function setValue(value, props) {
-      var _this2 = this;
+      var _this3 = this;
       if (props === void 0) {
         props = this.$props;
       }
       var performUpdate = function performUpdate() {
-        _this2.currentValue = value;
-        _this2.updateQueryHandler(value, props);
-        _this2.$emit('valueChange', value);
-        _this2.$emit('value-change', value);
+        _this3.currentValue = value;
+        _this3.updateQueryHandler(value, props);
+        _this3.$emit('valueChange', value);
+        _this3.$emit('value-change', value);
       };
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },

package/dist/es/SingleList.js

@@ -1,21 +1,22 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, mergeProps, createTextVNode } from 'vue';
 import VueTypes from 'vue-types';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-e4af6fe2.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, o as isEvent, h as hasCustomRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, o as isEvent, h as hasCustomRenderer, c as connect } from './index-285a43a6.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bf443c0b.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-7ea7313a.js';
 import { T as Title } from './Title-863dfa42.js';
-import { I as Input } from './Input-c09c0b56.js';
+import { I as Input } from './Input-3b8408a6.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
-import { U as UL, R as Radio } from './FormControlList-99797d0a.js';
+import { U as UL, R as Radio } from './FormControlList-fa5cf78b.js';
 import { g as getAggsQuery } from './utils-9e5a16a1.js';
 
 var updateQuery = Actions.updateQuery,
@@ -135,13 +136,12 @@ var SingleList = {
   },
   render: function render() {
     var _this = 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 isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
@@ -165,71 +165,73 @@ var SingleList = {
       }
       return false;
     });
-    return h(Container, {
+    return createVNode(Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), this.renderSearch(), this.hasCustomRenderer ? this.getComponent() : h(UL, {
-      "class": getClassName(this.$props.innerClass, 'list') || ''
-    }, [selectAllLabel ? h("li", {
-      "key": selectAllLabel,
-      "class": "" + (this.$data.currentValue === selectAllLabel ? 'active' : '')
-    }, [h(Radio, {
-      "class": getClassName(this.$props.innerClass, 'radio'),
-      "attrs": {
-        "id": this.$props.componentId + "-" + selectAllLabel,
-        "name": this.$props.componentId,
-        "value": selectAllLabel,
-        "readOnly": true,
-        "type": "radio",
-        "show": this.$props.showRadio
-      },
-      "on": {
-        "click": this.handleClick
-      },
-      "domProps": _extends({}, {
-        checked: this.$data.currentValue === selectAllLabel
-      })
-    }), h("label", {
-      "class": getClassName(this.$props.innerClass, 'label') || null,
-      "attrs": {
-        "for": this.$props.componentId + "-" + selectAllLabel
+    }, {
+      "default": function _default() {
+        return [_this.$props.title && createVNode(Title, {
+          "class": getClassName(_this.$props.innerClass, 'title') || ''
+        }, {
+          "default": function _default() {
+            return [_this.$props.title];
+          }
+        }), _this.renderSearch(), _this.hasCustomRenderer ? _this.getComponent() : createVNode(UL, {
+          "class": getClassName(_this.$props.innerClass, 'list') || ''
+        }, {
+          "default": function _default() {
+            return [selectAllLabel ? createVNode("li", {
+              "key": selectAllLabel,
+              "class": "" + (_this.$data.currentValue === selectAllLabel ? 'active' : '')
+            }, [createVNode(Radio, mergeProps({
+              "class": getClassName(_this.$props.innerClass, 'radio'),
+              "id": _this.$props.componentId + "-" + selectAllLabel,
+              "name": _this.$props.componentId,
+              "value": selectAllLabel,
+              "onClick": _this.handleClick,
+              "readOnly": true,
+              "type": "radio",
+              "show": _this.$props.showRadio
+            }, {
+              domProps: {
+                checked: _this.$data.currentValue === selectAllLabel
+              }
+            }), null), createVNode("label", {
+              "class": getClassName(_this.$props.innerClass, 'label') || null,
+              "for": _this.$props.componentId + "-" + selectAllLabel
+            }, [createVNode("span", null, [selectAllLabel, _this.$props.showCount && createVNode("span", {
+              "class": getClassName(_this.$props.innerClass, 'count') || null
+            }, [createTextVNode("\xA0("), _this.totalDocumentCount, createTextVNode(")")])])])]) : null, !_this.hasCustomRenderer && filteredItemsToRender.length === 0 && !_this.isLoading ? _this.renderNoResult() : filteredItemsToRender.map(function (item) {
+              return createVNode("li", {
+                "key": item.key,
+                "class": "" + (_this.currentValue === String(item.key) ? 'active' : '')
+              }, [createVNode(Radio, mergeProps({
+                "class": getClassName(_this.$props.innerClass, 'radio'),
+                "id": _this.$props.componentId + "-" + item.key,
+                "name": _this.$props.componentId,
+                "value": item.key,
+                "readOnly": true,
+                "onClick": _this.handleClick,
+                "type": "radio",
+                "show": _this.$props.showRadio
+              }, {
+                domProps: {
+                  checked: _this.currentValue === String(item.key)
+                }
+              }), null), createVNode("label", {
+                "class": getClassName(_this.$props.innerClass, 'label') || null,
+                "for": _this.$props.componentId + "-" + item.key
+              }, [renderItemCalc ? renderItemCalc({
+                label: item.key,
+                count: item.doc_count,
+                isChecked: _this.currentValue === String(item.key)
+              }) : createVNode("span", null, [item.key, _this.$props.showCount && createVNode("span", {
+                "class": getClassName(_this.$props.innerClass, 'count') || null
+              }, [createTextVNode("\xA0("), item.doc_count, createTextVNode(")")])])])]);
+            })];
+          }
+        })];
       }
-    }, [h("span", [selectAllLabel, this.$props.showCount && h("span", {
-      "class": getClassName(this.$props.innerClass, 'count') || null
-    }, ["\xA0(", this.totalDocumentCount, ")"])])])]) : null, !this.hasCustomRenderer && filteredItemsToRender.length === 0 && !this.isLoading ? this.renderNoResult() : filteredItemsToRender.map(function (item) {
-      return h("li", {
-        "key": item.key,
-        "class": "" + (_this.currentValue === String(item.key) ? 'active' : '')
-      }, [h(Radio, {
-        "class": getClassName(_this.$props.innerClass, 'radio'),
-        "attrs": {
-          "id": _this.$props.componentId + "-" + item.key,
-          "name": _this.$props.componentId,
-          "value": item.key,
-          "readOnly": true,
-          "type": "radio",
-          "show": _this.$props.showRadio
-        },
-        "on": {
-          "click": _this.handleClick
-        },
-        "domProps": _extends({}, {
-          checked: _this.currentValue === String(item.key)
-        })
-      }), h("label", {
-        "class": getClassName(_this.$props.innerClass, 'label') || null,
-        "attrs": {
-          "for": _this.$props.componentId + "-" + item.key
-        }
-      }, [renderItemCalc ? renderItemCalc({
-        label: item.key,
-        count: item.doc_count,
-        isChecked: _this.currentValue === String(item.key)
-      }) : h("span", [item.key, _this.$props.showCount && h("span", {
-        "class": getClassName(_this.$props.innerClass, 'count') || null
-      }, ["\xA0(", item.doc_count, ")"])])])]);
-    })])]);
+    });
   },
   methods: {
     setValue: function setValue(nextValue, props) {
@@ -309,22 +311,17 @@ var SingleList = {
       this.searchTerm = value;
     },
     renderSearch: function renderSearch() {
-      var h = this.$createElement;
       if (this.$props.showSearch) {
-        return h(Input, {
+        return createVNode(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;
     },
@@ -364,9 +361,8 @@ var SingleList = {
       return true;
     },
     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 createVNode("p", {
         "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     }

package/dist/es/SingleRange.js

@@ -1,20 +1,23 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-e4af6fe2.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-285a43a6.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bf443c0b.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-7ea7313a.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
-import { U as UL, R as Radio } from './FormControlList-99797d0a.js';
+import { U as UL, R as Radio } from './FormControlList-fa5cf78b.js';
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var updateQuery = Actions.updateQuery,
   setQueryOptions = Actions.setQueryOptions,
   setCustomQuery = Actions.setCustomQuery;
@@ -91,39 +94,45 @@ var SingleRange = {
     }
   },
   render: function render() {
+    var _slot;
     var _this = this;
-    var h = arguments[0];
-    return h(Container, {
+    return createVNode(Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), h(UL, {
-      "class": getClassName(this.$props.innerClass, 'list')
-    }, [this.$props.data.map(function (item) {
-      var selected = !!_this.$data.currentValue && _this.$data.currentValue.label === item.label;
-      return h("li", {
-        "key": item.label,
-        "class": "" + (selected ? 'active' : '')
-      }, [h(Radio, {
-        "class": getClassName(_this.$props.innerClass, 'radio'),
-        "attrs": {
-          "id": _this.$props.componentId + "-" + item.label,
-          "name": _this.$props.componentId,
-          "value": item.label,
-          "type": "radio",
-          "checked": selected,
-          "show": _this.$props.showRadio
-        },
-        "on": {
-          "change": _this.handleChange
-        }
-      }), h("label", {
-        "class": getClassName(_this.$props.innerClass, 'label'),
-        "attrs": {
-          "for": _this.$props.componentId + "-" + item.label
-        }
-      }, [item.label])]);
-    })])]);
+    }, {
+      "default": function _default() {
+        return [_this.$props.title && createVNode(Title, {
+          "class": getClassName(_this.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this.$props.title];
+          }
+        }), createVNode(UL, {
+          "class": getClassName(_this.$props.innerClass, 'list')
+        }, _isSlot(_slot = _this.$props.data.map(function (item) {
+          var selected = !!_this.$data.currentValue && _this.$data.currentValue.label === item.label;
+          return createVNode("li", {
+            "key": item.label,
+            "class": "" + (selected ? 'active' : '')
+          }, [createVNode(Radio, {
+            "class": getClassName(_this.$props.innerClass, 'radio'),
+            "id": _this.$props.componentId + "-" + item.label,
+            "name": _this.$props.componentId,
+            "value": item.label,
+            "onChange": _this.handleChange,
+            "type": "radio",
+            "checked": selected,
+            "show": _this.$props.showRadio
+          }, null), createVNode("label", {
+            "class": getClassName(_this.$props.innerClass, 'label'),
+            "for": _this.$props.componentId + "-" + item.label
+          }, [item.label])]);
+        })) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        })];
+      }
+    });
   },
   methods: {
     setValue: function setValue(value, props) {