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

package/dist/es/{DataSearch-dcaa106b.js → DataSearch-4f9a4e46.js}

@@ -1,18 +1,20 @@
 import { helper, Actions, causes } from '@appbaseio/reactivecore';
 import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, createTextVNode, isVNode, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
 import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
-import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-8986b709.js';
-import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { styled, createGlobalStyle } from '@appbaseio/vue-emotion';
+import { css, cx } from 'emotion';
+import { t as types } from './vueTypes-e4af6fe2.js';
+import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, 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 { F as Flex } from './Flex-7c177a10.js';
+import { F as Flex } from './Flex-a08e22d7.js';
 import hotkeys from 'hotkeys-js';
-import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './CancelSvg-e40552a5.js';
-import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-c09c0b56.js';
+import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './CancelSvg-14ebc9a1.js';
+import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-3b8408a6.js';
 import { C as Container } from './Container-d00219f7.js';
 import Highlight from 'vue-highlight-words';
 
@@ -37,14 +39,13 @@ var SuggestionWrapper = {
     innerClass: types.style
   },
   render: function render() {
-    var h = arguments[0];
     var _this$$props = this.$props,
       themePreset = _this$$props.themePreset,
       innerClass = _this$$props.innerClass,
       innerClassName = _this$$props.innerClassName;
-    return h("div", {
+    return createVNode("div", {
       "class": noSuggestions(themePreset) + " " + getClassName(innerClass, innerClassName || '')
-    }, [h("li", [this.$scopedSlots["default"]()])]);
+    }, [createVNode("li", null, [this.$slots["default"]()])]);
   }
 };
 
@@ -63,7 +64,7 @@ var SuggestionItem = {
     suggestion: types.any
   },
   render: function render() {
-    var h = arguments[0];
+    var _this = this;
     var _this$suggestion = this.suggestion,
       label = _this$suggestion.label,
       value = _this$suggestion.value,
@@ -75,77 +76,69 @@ var SuggestionItem = {
       _category = _this$suggestion._category;
     if (label) {
       // label has highest precedence
-      return typeof label === 'string' ? h("div", {
+      return typeof label === 'string' ? createVNode("div", {
         "class": "trim"
       }, [(_category ? false : isPredictiveSuggestion
       // eslint-disable-next-line
-      || !!_suggestion_type) ? h(PredictiveSuggestion, {
-        "domProps": {
-          "innerHTML": label
-        }
-      }) : h(Highlight, {
-        "attrs": {
-          "searchWords": _category ? [_category] : this.currentValue.split(' '),
-          "textToHighlight": label,
-          "autoEscape": true,
-          "highlightStyle": highlightStyle
-        }
-      })]) : label;
+      || !!_suggestion_type) ? createVNode(PredictiveSuggestion, {
+        "innerHTML": label
+      }, null) : createVNode(Highlight, {
+        "searchWords": _category ? [_category] : this.currentValue.split(' '),
+        "textToHighlight": label,
+        "autoEscape": true,
+        "highlightStyle": highlightStyle
+      }, null)]) : label;
     }
     if (title || image || description) {
-      return h(Flex, {
-        "attrs": {
-          "alignItems": "center",
-          "css": {
-            width: '100%'
-          }
-        }
-      }, [image && h("div", {
-        "attrs": {
-          "css": {
-            margin: 'auto',
-            marginRight: 10
-          }
-        }
-      }, [h("img", {
-        "attrs": {
-          "src": image,
-          "alt": " ",
-          "height": "50px",
-          "width": "50px",
-          "css": {
-            objectFit: 'contain'
-          }
-        }
-      })]), h(Flex, {
-        "attrs": {
-          "direction": "column",
-          "css": {
-            width: image ? 'calc(100% - 60px)' : '100%'
-          }
+      return createVNode(Flex, {
+        "alignItems": "center",
+        "css": {
+          width: '100%'
         }
-      }, [title && h("div", {
-        "class": "trim"
-      }, [h(Highlight, {
-        "attrs": {
-          "searchWords": this.currentValue.split(' '),
-          "textToHighlight": title,
-          "highlightStyle": highlightStyle
-        },
-        "class": css({
-          fontSize: '1rem'
-        })
-      })]), description && h("div", {
-        "class": cx('trim', css({
-          marginTop: 3
-        }))
-      }, [h(Highlight, {
-        "attrs": {
-          "searchWords": this.currentValue.split(' '),
-          "textToHighlight": description,
-          "highlightStyle": highlightStyle
+      }, {
+        "default": function _default() {
+          return [image && createVNode("div", {
+            "css": {
+              margin: 'auto',
+              marginRight: 10
+            }
+          }, [createVNode("img", {
+            "src": image,
+            "alt": " ",
+            "height": "50px",
+            "width": "50px",
+            "css": {
+              objectFit: 'contain'
+            }
+          }, null)]), createVNode(Flex, {
+            "direction": "column",
+            "css": {
+              width: image ? 'calc(100% - 60px)' : '100%'
+            }
+          }, {
+            "default": function _default() {
+              return [title && createVNode("div", {
+                "class": "trim"
+              }, [createVNode(Highlight, {
+                "searchWords": _this.currentValue.split(' '),
+                "textToHighlight": title,
+                "highlightStyle": highlightStyle,
+                "class": css({
+                  fontSize: '1rem'
+                })
+              }, null)]), description && createVNode("div", {
+                "class": cx('trim', css({
+                  marginTop: 3
+                }))
+              }, [createVNode(Highlight, {
+                "searchWords": _this.currentValue.split(' '),
+                "textToHighlight": description,
+                "highlightStyle": highlightStyle
+              }, null)])];
+            }
+          })];
         }
-      })])])]);
+      });
     }
     return value;
   }
@@ -155,445 +148,309 @@ var SearchSvg = {
   name: 'SearchSvg',
   props: ['styles'],
   render: function render() {
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": {
-        "alt": "Search",
-        "height": "12",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "viewBox": "0 0 15 15"
-      },
+    return createVNode("svg", {
+      "alt": "Search",
       "class": "search-icon",
+      "height": "12",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 15 15",
       "style": _extends({
         transform: 'scale(1.35)',
         position: 'relative'
       }, this.$props.styles ? this.$props.styles : {})
-    }, [h("title", ["Search"]), h("path", {
-      "attrs": {
-        "d": 'M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z'
-      }
-    })]);
+    }, [createVNode("title", null, [createTextVNode("Search")]), createVNode("path", {
+      "d": 'M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z'
+    }, null)]);
   }
 };
 
 var _templateObject$3;
 
 // eslint-disable-next-line
-injectGlobal(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n\t#el_TvxDfTAtKp {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_D93PK3GbmJ {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t\tfill: #d8d8d8;\n\t}\n"])));
+createGlobalStyle(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n\t#el_TvxDfTAtKp {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_D93PK3GbmJ {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t\tfill: #d8d8d8;\n\t}\n"])));
 var MicSvg = {
   name: 'MicSvg',
   props: ['className'],
   render: function render() {
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": {
-        "viewBox": "0 0 480 480",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "id": "el_xS0FRzQjJ",
-        "width": 28,
-        "height": 28,
-        "className": this.$props.className
-      },
+    return createVNode("svg", {
+      "viewBox": "0 0 480 480",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "id": "el_xS0FRzQjJ",
+      "width": 28,
+      "height": 28,
+      "className": this.$props.className,
       "style": {
         transform: 'scale(1.5)'
       }
-    }, [h("g", {
-      "attrs": {
-        "id": "el_TvxDfTAtKp",
-        "fillRule": "evenodd"
-      }
-    }, [h("g", {
-      "attrs": {
-        "id": "el_D93PK3GbmJ",
-        "fillRule": "nonzero"
-      },
+    }, [createVNode("g", {
+      "id": "el_TvxDfTAtKp",
+      "fillRule": "evenodd"
+    }, [createVNode("g", {
+      "id": "el_D93PK3GbmJ",
+      "fillRule": "nonzero",
       "style": {
         fill: '#595959'
       }
-    }, [h("path", {
-      "attrs": {
-        "d": "M142.731204,111 C137.280427,111 132.719573,114.852 131.82965,120.095 C127.268796,145.24 104.464526,164.5 76.9881611,164.5 C49.5117965,164.5 26.7075263,145.24 22.1466723,120.095 C21.2567496,114.852 16.6958955,111 11.2451187,111 C4.45945784,111 -0.880078594,116.778 0.121084488,123.198 C5.57186127,155.298 32.2695435,180.443 65.8641269,185.044 L65.8641269,207.3 C65.8641269,213.185 70.8699423,218 76.9881611,218 C83.10638,218 88.1121954,213.185 88.1121954,207.3 L88.1121954,185.044 C121.706779,180.443 148.404461,155.298 153.855238,123.198 C154.967641,116.778 149.516864,111 142.731204,111 Z",
-        "id": "el_uly3EwA2O3"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M76.9864699,147.789474 C98.090352,147.789474 115.126016,131.286316 115.126016,110.842105 L115.126016,36.9473684 C115.126016,16.5031579 98.090352,-2.84217094e-14 76.9864699,-2.84217094e-14 C55.8825877,-2.84217094e-14 38.8469239,16.5031579 38.8469239,36.9473684 L38.8469239,110.842105 C38.8469239,131.286316 55.8825877,147.789474 76.9864699,147.789474 Z",
-        "id": "el_tnDbR4ytu4"
-      }
-    })])])]);
+    }, [createVNode("path", {
+      "d": "M142.731204,111 C137.280427,111 132.719573,114.852 131.82965,120.095 C127.268796,145.24 104.464526,164.5 76.9881611,164.5 C49.5117965,164.5 26.7075263,145.24 22.1466723,120.095 C21.2567496,114.852 16.6958955,111 11.2451187,111 C4.45945784,111 -0.880078594,116.778 0.121084488,123.198 C5.57186127,155.298 32.2695435,180.443 65.8641269,185.044 L65.8641269,207.3 C65.8641269,213.185 70.8699423,218 76.9881611,218 C83.10638,218 88.1121954,213.185 88.1121954,207.3 L88.1121954,185.044 C121.706779,180.443 148.404461,155.298 153.855238,123.198 C154.967641,116.778 149.516864,111 142.731204,111 Z",
+      "id": "el_uly3EwA2O3"
+    }, null), createVNode("path", {
+      "d": "M76.9864699,147.789474 C98.090352,147.789474 115.126016,131.286316 115.126016,110.842105 L115.126016,36.9473684 C115.126016,16.5031579 98.090352,-2.84217094e-14 76.9864699,-2.84217094e-14 C55.8825877,-2.84217094e-14 38.8469239,16.5031579 38.8469239,36.9473684 L38.8469239,110.842105 C38.8469239,131.286316 55.8825877,147.789474 76.9864699,147.789474 Z",
+      "id": "el_tnDbR4ytu4"
+    }, null)])])]);
   }
 };
 
 var _templateObject$4;
 
 // eslint-disable-next-line
-injectGlobal(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n\t#el_X81iT9kZYo {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_gMpyalCphp {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t}\n\t#el_c7H-3u-D4l {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_qhFcdAAFwo {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_M8X8g37WOI {\n\t\tstroke: #e83137;\n\t\tstroke-width: 21;\n\t}\n"])));
+createGlobalStyle(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n\t#el_X81iT9kZYo {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_gMpyalCphp {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t}\n\t#el_c7H-3u-D4l {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_qhFcdAAFwo {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_M8X8g37WOI {\n\t\tstroke: #e83137;\n\t\tstroke-width: 21;\n\t}\n"])));
 var MuteSvg = {
   name: 'MuteSvg',
   props: ['className'],
   render: function render() {
-    var h = arguments[0];
-    return h("svg", {
+    return createVNode("svg", {
       "style": {
         transform: 'scale(1.5)'
       },
-      "attrs": {
-        "viewBox": "0 0 480 480",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "id": "el_D1rEpH2zj",
-        "width": 28,
-        "height": 28,
-        "className": this.$props.className
-      }
-    }, [h("g", {
-      "attrs": {
-        "id": "el_X81iT9kZYo",
-        "fillRule": "evenodd"
-      }
-    }, [h("g", {
-      "attrs": {
-        "id": "el_gMpyalCphp"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M142.731204,111 C137.280427,111 132.719573,114.852 131.82965,120.095 C127.268796,145.24 104.464526,164.5 76.9881611,164.5 C49.5117965,164.5 26.7075263,145.24 22.1466723,120.095 C21.2567496,114.852 16.6958955,111 11.2451187,111 C4.45945784,111 -0.880078594,116.778 0.121084488,123.198 C5.57186127,155.298 32.2695435,180.443 65.8641269,185.044 L65.8641269,207.3 C65.8641269,213.185 70.8699423,218 76.9881611,218 C83.10638,218 88.1121954,213.185 88.1121954,207.3 L88.1121954,185.044 C121.706779,180.443 148.404461,155.298 153.855238,123.198 C154.967641,116.778 149.516864,111 142.731204,111 Z",
-        "id": "el_c7H-3u-D4l",
-        "fillRule": "nonzero"
-      },
+      "viewBox": "0 0 480 480",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "id": "el_D1rEpH2zj",
+      "width": 28,
+      "height": 28,
+      "className": this.$props.className
+    }, [createVNode("g", {
+      "id": "el_X81iT9kZYo",
+      "fillRule": "evenodd"
+    }, [createVNode("g", {
+      "id": "el_gMpyalCphp"
+    }, [createVNode("path", {
+      "d": "M142.731204,111 C137.280427,111 132.719573,114.852 131.82965,120.095 C127.268796,145.24 104.464526,164.5 76.9881611,164.5 C49.5117965,164.5 26.7075263,145.24 22.1466723,120.095 C21.2567496,114.852 16.6958955,111 11.2451187,111 C4.45945784,111 -0.880078594,116.778 0.121084488,123.198 C5.57186127,155.298 32.2695435,180.443 65.8641269,185.044 L65.8641269,207.3 C65.8641269,213.185 70.8699423,218 76.9881611,218 C83.10638,218 88.1121954,213.185 88.1121954,207.3 L88.1121954,185.044 C121.706779,180.443 148.404461,155.298 153.855238,123.198 C154.967641,116.778 149.516864,111 142.731204,111 Z",
+      "id": "el_c7H-3u-D4l",
+      "fillRule": "nonzero",
       "style": {
         fill: '#595959'
       }
-    }), h("path", {
-      "attrs": {
-        "d": "M76.9864699,147.789474 C98.090352,147.789474 115.126016,131.286316 115.126016,110.842105 L115.126016,36.9473684 C115.126016,16.5031579 98.090352,-2.84217094e-14 76.9864699,-2.84217094e-14 C55.8825877,-2.84217094e-14 38.8469239,16.5031579 38.8469239,36.9473684 L38.8469239,110.842105 C38.8469239,131.286316 55.8825877,147.789474 76.9864699,147.789474 Z",
-        "id": "el_qhFcdAAFwo",
-        "fillRule": "nonzero"
-      },
+    }, null), createVNode("path", {
+      "d": "M76.9864699,147.789474 C98.090352,147.789474 115.126016,131.286316 115.126016,110.842105 L115.126016,36.9473684 C115.126016,16.5031579 98.090352,-2.84217094e-14 76.9864699,-2.84217094e-14 C55.8825877,-2.84217094e-14 38.8469239,16.5031579 38.8469239,36.9473684 L38.8469239,110.842105 C38.8469239,131.286316 55.8825877,147.789474 76.9864699,147.789474 Z",
+      "id": "el_qhFcdAAFwo",
+      "fillRule": "nonzero",
       "style": {
         fill: '#595959'
       }
-    }), h("path", {
-      "attrs": {
-        "d": "M11.5,206.5 L142.5,12.5",
-        "id": "el_M8X8g37WOI",
-        "strokeLinecap": "round",
-        "strokeLinejoin": "round"
-      }
-    })])])]);
+    }, null), createVNode("path", {
+      "d": "M11.5,206.5 L142.5,12.5",
+      "id": "el_M8X8g37WOI",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, null)])])]);
   }
 };
 
 var _templateObject$5;
 
 // eslint-disable-next-line
-injectGlobal(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n\t@-webkit-keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t#el_hiibMG0x- * {\n\t\t-webkit-animation-duration: 1.2s;\n\t\tanimation-duration: 1.2s;\n\t\t-webkit-animation-iteration-count: infinite;\n\t\tanimation-iteration-count: infinite;\n\t\t-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t}\n\t#el_QJeJ_2CDw5 {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_UYYCfubTRf {\n\t\t-webkit-transform: translate(163px, 123px);\n\t\ttransform: translate(163px, 123px);\n\t}\n\t#el_uzZNtK32Zi {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_EYKQ2N9Kgy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6SDP2LAgKC {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t}\n\t#el_-Vm65Ltfy7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_q04iZcSim4 {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6WKby7wXqV {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\tanimation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_9bggsfQOtU {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_NKxqi9eIym {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_Wi-my975tM {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\tanimation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_zclQ34fvf7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_1OsvRT8HkeZ {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DkfFFTaFxy8 {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\tanimation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_aa9sjx4H0vA {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_tea114vWg0J {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_34IgwiMB5rf {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\tanimation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_z5u6RAFhx7d {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_7nfuWmA5Uhy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DeebuCsPTGA {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\tanimation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el__ZcqlS20zcw {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_8DnEQnD7VWV {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_ZOjjrPTvyrv {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\tanimation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_FYYKCI_u24e {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_XZty4MnTp5Y {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_2FATegVmf0K {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\tanimation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_RMT1KUfbdF8 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_RgLcovvFiO1 {\n\t\tfill: #d8d8d8;\n\t}\n"])));
+createGlobalStyle(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n\t@-webkit-keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t#el_hiibMG0x- * {\n\t\t-webkit-animation-duration: 1.2s;\n\t\tanimation-duration: 1.2s;\n\t\t-webkit-animation-iteration-count: infinite;\n\t\tanimation-iteration-count: infinite;\n\t\t-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t}\n\t#el_QJeJ_2CDw5 {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_UYYCfubTRf {\n\t\t-webkit-transform: translate(163px, 123px);\n\t\ttransform: translate(163px, 123px);\n\t}\n\t#el_uzZNtK32Zi {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_EYKQ2N9Kgy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6SDP2LAgKC {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t}\n\t#el_-Vm65Ltfy7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_q04iZcSim4 {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6WKby7wXqV {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\tanimation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_9bggsfQOtU {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_NKxqi9eIym {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_Wi-my975tM {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\tanimation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_zclQ34fvf7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_1OsvRT8HkeZ {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DkfFFTaFxy8 {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\tanimation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_aa9sjx4H0vA {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_tea114vWg0J {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_34IgwiMB5rf {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\tanimation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_z5u6RAFhx7d {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_7nfuWmA5Uhy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DeebuCsPTGA {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\tanimation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el__ZcqlS20zcw {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_8DnEQnD7VWV {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_ZOjjrPTvyrv {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\tanimation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_FYYKCI_u24e {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_XZty4MnTp5Y {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_2FATegVmf0K {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\tanimation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_RMT1KUfbdF8 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_RgLcovvFiO1 {\n\t\tfill: #d8d8d8;\n\t}\n"])));
 var ListenSvg = {
   name: 'ListenSvg',
   props: ['className'],
   render: function render() {
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": {
-        "viewBox": "0 0 480 480",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "xmlnsXlink": "http://www.w3.org/1999/xlink",
-        "id": "el_hiibMG0x-",
-        "width": 28,
-        "height": 29,
-        "className": this.$props.className
-      },
+    return createVNode("svg", {
+      "viewBox": "0 0 480 480",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlnsXlink": "http://www.w3.org/1999/xlink",
+      "id": "el_hiibMG0x-",
+      "width": 28,
+      "height": 29,
+      "className": this.$props.className,
       "style": {
         transform: 'scale(1.5)'
       }
-    }, [h("defs", [h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "path-1"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "path-3"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "path-5"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "path-7"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "path-9"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "path-11"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "path-13"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "path-15"
-      }
-    })]), h("g", {
-      "attrs": {
-        "id": "el_QJeJ_2CDw5",
-        "fillRule": "evenodd"
-      }
-    }, [h("g", {
-      "attrs": {
-        "id": "el_UYYCfubTRf"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M142.731204,111 C137.280427,111 132.719573,114.852 131.82965,120.095 C127.268796,145.24 104.464526,164.5 76.9881611,164.5 C49.5117965,164.5 26.7075263,145.24 22.1466723,120.095 C21.2567496,114.852 16.6958955,111 11.2451187,111 C4.45945784,111 -0.880078594,116.778 0.121084488,123.198 C5.57186127,155.298 32.2695435,180.443 65.8641269,185.044 L65.8641269,207.3 C65.8641269,213.185 70.8699423,218 76.9881611,218 C83.10638,218 88.1121954,213.185 88.1121954,207.3 L88.1121954,185.044 C121.706779,180.443 148.404461,155.298 153.855238,123.198 C154.967641,116.778 149.516864,111 142.731204,111 Z",
-        "id": "el_uzZNtK32Zi",
-        "fillRule": "nonzero"
-      },
+    }, [createVNode("defs", null, [createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "path-1"
+    }, null), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "path-3"
+    }, null), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "path-5"
+    }, null), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "path-7"
+    }, null), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "path-9"
+    }, null), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "path-11"
+    }, null), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "path-13"
+    }, null), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "path-15"
+    }, null)]), createVNode("g", {
+      "id": "el_QJeJ_2CDw5",
+      "fillRule": "evenodd"
+    }, [createVNode("g", {
+      "id": "el_UYYCfubTRf"
+    }, [createVNode("path", {
+      "d": "M142.731204,111 C137.280427,111 132.719573,114.852 131.82965,120.095 C127.268796,145.24 104.464526,164.5 76.9881611,164.5 C49.5117965,164.5 26.7075263,145.24 22.1466723,120.095 C21.2567496,114.852 16.6958955,111 11.2451187,111 C4.45945784,111 -0.880078594,116.778 0.121084488,123.198 C5.57186127,155.298 32.2695435,180.443 65.8641269,185.044 L65.8641269,207.3 C65.8641269,213.185 70.8699423,218 76.9881611,218 C83.10638,218 88.1121954,213.185 88.1121954,207.3 L88.1121954,185.044 C121.706779,180.443 148.404461,155.298 153.855238,123.198 C154.967641,116.778 149.516864,111 142.731204,111 Z",
+      "id": "el_uzZNtK32Zi",
+      "fillRule": "nonzero",
       "style": {
         fill: '#0B6AFF'
       }
-    }), h("path", {
-      "attrs": {
-        "d": "M76.9864699,147.789474 C98.090352,147.789474 115.126016,131.286316 115.126016,110.842105 L115.126016,36.9473684 C115.126016,16.5031579 98.090352,0 76.9864699,0 C55.8825877,0 38.8469239,16.5031579 38.8469239,36.9473684 L38.8469239,110.842105 C38.8469239,131.286316 55.8825877,147.789474 76.9864699,147.789474 Z",
-        "id": "el_EYKQ2N9Kgy",
-        "fillRule": "nonzero"
-      }
-    }), h("g", {
-      "attrs": {
-        "id": "el_6SDP2LAgKC"
-      }
-    }, [h("mask", {
-      "attrs": {
-        "id": "mask-2",
-        "fill": "#fff"
-      }
-    }, [h("use", {
-      "attrs": {
-        "xlink:href": "#path-1"
-      }
-    })]), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "el_-Vm65Ltfy7",
-        "fillRule": "nonzero",
-        "mask": "url(#mask-2)"
-      }
-    }), h("rect", {
-      "attrs": {
-        "id": "el_q04iZcSim4",
-        "mask": "url(#mask-2)",
-        "x": "0.279",
-        "width": "77",
-        "height": "130"
-      }
-    })]), h("g", {
-      "attrs": {
-        "id": "el_6WKby7wXqV"
-      }
-    }, [h("mask", {
-      "attrs": {
-        "id": "mask-4",
-        "fill": "#fff"
-      }
-    }, [h("use", {
-      "attrs": {
-        "xlink:href": "#path-3"
-      }
-    })]), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "el_9bggsfQOtU",
-        "fillRule": "nonzero",
-        "mask": "url(#mask-4)"
-      }
-    }), h("rect", {
-      "attrs": {
-        "id": "el_NKxqi9eIym",
-        "mask": "url(#mask-4)",
-        "x": "0.279",
-        "width": "77",
-        "height": "115"
-      }
-    })]), h("g", {
-      "attrs": {
-        "id": "el_Wi-my975tM"
-      }
-    }, [h("mask", {
-      "attrs": {
-        "id": "mask-6",
-        "fill": "#fff"
-      }
-    }, [h("use", {
-      "attrs": {
-        "xlink:href": "#path-5"
-      }
-    })]), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "el_zclQ34fvf7",
-        "fillRule": "nonzero",
-        "mask": "url(#mask-6)"
-      }
-    }), h("rect", {
-      "attrs": {
-        "id": "el_1OsvRT8HkeZ",
-        "mask": "url(#mask-6)",
-        "x": "0.279",
-        "width": "77",
-        "height": "100"
-      }
-    })]), h("g", {
-      "attrs": {
-        "id": "el_DkfFFTaFxy8"
-      }
-    }, [h("mask", {
-      "attrs": {
-        "id": "mask-8",
-        "fill": "#fff"
-      }
-    }, [h("use", {
-      "attrs": {
-        "xlink:href": "#path-7"
-      }
-    })]), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "el_aa9sjx4H0vA",
-        "fillRule": "nonzero",
-        "mask": "url(#mask-8)"
-      }
-    }), h("rect", {
-      "attrs": {
-        "id": "el_tea114vWg0J",
-        "mask": "url(#mask-8)",
-        "x": "0.279",
-        "width": "77",
-        "height": "85"
-      }
-    })]), h("g", {
-      "attrs": {
-        "id": "el_34IgwiMB5rf"
-      }
-    }, [h("mask", {
-      "attrs": {
-        "id": "mask-10",
-        "fill": "#fff"
-      }
-    }, [h("use", {
-      "attrs": {
-        "xlink:href": "#path-9"
-      }
-    })]), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "el_z5u6RAFhx7d",
-        "fillRule": "nonzero",
-        "mask": "url(#mask-10)"
-      }
-    }), h("rect", {
-      "attrs": {
-        "id": "el_7nfuWmA5Uhy",
-        "mask": "url(#mask-10)",
-        "x": "0.279",
-        "width": "77",
-        "height": "70"
-      }
-    })]), h("g", {
-      "attrs": {
-        "id": "el_DeebuCsPTGA"
-      }
-    }, [h("mask", {
-      "attrs": {
-        "id": "mask-12",
-        "fill": "#fff"
-      }
-    }, [h("use", {
-      "attrs": {
-        "xlink:href": "#path-11"
-      }
-    })]), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "el__ZcqlS20zcw",
-        "fillRule": "nonzero",
-        "mask": "url(#mask-12)"
-      }
-    }), h("rect", {
-      "attrs": {
-        "id": "el_8DnEQnD7VWV",
-        "mask": "url(#mask-12)",
-        "x": "0.279",
-        "width": "77",
-        "height": "55"
-      }
-    })]), h("g", {
-      "attrs": {
-        "id": "el_ZOjjrPTvyrv"
-      }
-    }, [h("mask", {
-      "attrs": {
-        "id": "mask-14",
-        "fill": "#fff"
-      }
-    }, [h("use", {
-      "attrs": {
-        "xlink:href": "#path-13"
-      }
-    })]), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "el_FYYKCI_u24e",
-        "fillRule": "nonzero",
-        "mask": "url(#mask-14)"
-      }
-    }), h("rect", {
-      "attrs": {
-        "id": "el_XZty4MnTp5Y",
-        "mask": "url(#mask-14)",
-        "x": "0.279",
-        "width": "77",
-        "height": "40"
-      }
-    })]), h("g", {
-      "attrs": {
-        "id": "el_2FATegVmf0K"
-      }
-    }, [h("mask", {
-      "attrs": {
-        "id": "mask-16",
-        "fill": "#fff"
-      }
-    }, [h("use", {
-      "attrs": {
-        "xlink:href": "#path-15"
-      }
-    })]), h("path", {
-      "attrs": {
-        "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
-        "id": "el_RMT1KUfbdF8",
-        "fillRule": "nonzero",
-        "mask": "url(#mask-16)"
-      }
-    }), h("rect", {
-      "attrs": {
-        "id": "el_RgLcovvFiO1",
-        "mask": "url(#mask-16)",
-        "x": "0.279",
-        "width": "77",
-        "height": "25"
-      }
-    })])])])]);
+    }, null), createVNode("path", {
+      "d": "M76.9864699,147.789474 C98.090352,147.789474 115.126016,131.286316 115.126016,110.842105 L115.126016,36.9473684 C115.126016,16.5031579 98.090352,0 76.9864699,0 C55.8825877,0 38.8469239,16.5031579 38.8469239,36.9473684 L38.8469239,110.842105 C38.8469239,131.286316 55.8825877,147.789474 76.9864699,147.789474 Z",
+      "id": "el_EYKQ2N9Kgy",
+      "fillRule": "nonzero"
+    }, null), createVNode("g", {
+      "id": "el_6SDP2LAgKC"
+    }, [createVNode("mask", {
+      "id": "mask-2",
+      "fill": "#fff"
+    }, [createVNode("use", {
+      "xlink:href": "#path-1"
+    }, null)]), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "el_-Vm65Ltfy7",
+      "fillRule": "nonzero",
+      "mask": "url(#mask-2)"
+    }, null), createVNode("rect", {
+      "id": "el_q04iZcSim4",
+      "mask": "url(#mask-2)",
+      "x": "0.279",
+      "width": "77",
+      "height": "130"
+    }, null)]), createVNode("g", {
+      "id": "el_6WKby7wXqV"
+    }, [createVNode("mask", {
+      "id": "mask-4",
+      "fill": "#fff"
+    }, [createVNode("use", {
+      "xlink:href": "#path-3"
+    }, null)]), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "el_9bggsfQOtU",
+      "fillRule": "nonzero",
+      "mask": "url(#mask-4)"
+    }, null), createVNode("rect", {
+      "id": "el_NKxqi9eIym",
+      "mask": "url(#mask-4)",
+      "x": "0.279",
+      "width": "77",
+      "height": "115"
+    }, null)]), createVNode("g", {
+      "id": "el_Wi-my975tM"
+    }, [createVNode("mask", {
+      "id": "mask-6",
+      "fill": "#fff"
+    }, [createVNode("use", {
+      "xlink:href": "#path-5"
+    }, null)]), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "el_zclQ34fvf7",
+      "fillRule": "nonzero",
+      "mask": "url(#mask-6)"
+    }, null), createVNode("rect", {
+      "id": "el_1OsvRT8HkeZ",
+      "mask": "url(#mask-6)",
+      "x": "0.279",
+      "width": "77",
+      "height": "100"
+    }, null)]), createVNode("g", {
+      "id": "el_DkfFFTaFxy8"
+    }, [createVNode("mask", {
+      "id": "mask-8",
+      "fill": "#fff"
+    }, [createVNode("use", {
+      "xlink:href": "#path-7"
+    }, null)]), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "el_aa9sjx4H0vA",
+      "fillRule": "nonzero",
+      "mask": "url(#mask-8)"
+    }, null), createVNode("rect", {
+      "id": "el_tea114vWg0J",
+      "mask": "url(#mask-8)",
+      "x": "0.279",
+      "width": "77",
+      "height": "85"
+    }, null)]), createVNode("g", {
+      "id": "el_34IgwiMB5rf"
+    }, [createVNode("mask", {
+      "id": "mask-10",
+      "fill": "#fff"
+    }, [createVNode("use", {
+      "xlink:href": "#path-9"
+    }, null)]), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "el_z5u6RAFhx7d",
+      "fillRule": "nonzero",
+      "mask": "url(#mask-10)"
+    }, null), createVNode("rect", {
+      "id": "el_7nfuWmA5Uhy",
+      "mask": "url(#mask-10)",
+      "x": "0.279",
+      "width": "77",
+      "height": "70"
+    }, null)]), createVNode("g", {
+      "id": "el_DeebuCsPTGA"
+    }, [createVNode("mask", {
+      "id": "mask-12",
+      "fill": "#fff"
+    }, [createVNode("use", {
+      "xlink:href": "#path-11"
+    }, null)]), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "el__ZcqlS20zcw",
+      "fillRule": "nonzero",
+      "mask": "url(#mask-12)"
+    }, null), createVNode("rect", {
+      "id": "el_8DnEQnD7VWV",
+      "mask": "url(#mask-12)",
+      "x": "0.279",
+      "width": "77",
+      "height": "55"
+    }, null)]), createVNode("g", {
+      "id": "el_ZOjjrPTvyrv"
+    }, [createVNode("mask", {
+      "id": "mask-14",
+      "fill": "#fff"
+    }, [createVNode("use", {
+      "xlink:href": "#path-13"
+    }, null)]), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "el_FYYKCI_u24e",
+      "fillRule": "nonzero",
+      "mask": "url(#mask-14)"
+    }, null), createVNode("rect", {
+      "id": "el_XZty4MnTp5Y",
+      "mask": "url(#mask-14)",
+      "x": "0.279",
+      "width": "77",
+      "height": "40"
+    }, null)]), createVNode("g", {
+      "id": "el_2FATegVmf0K"
+    }, [createVNode("mask", {
+      "id": "mask-16",
+      "fill": "#fff"
+    }, [createVNode("use", {
+      "xlink:href": "#path-15"
+    }, null)]), createVNode("path", {
+      "d": "M38.779092,147.789474 C60.0824253,147.789474 77.279092,131.286316 77.279092,110.842105 L77.279092,36.9473684 C77.279092,16.5031579 60.0824253,0 38.779092,0 C17.4757586,0 0.279091964,16.5031579 0.279091964,36.9473684 L0.279091964,110.842105 C0.279091964,131.286316 17.4757586,147.789474 38.779092,147.789474 Z",
+      "id": "el_RMT1KUfbdF8",
+      "fillRule": "nonzero",
+      "mask": "url(#mask-16)"
+    }, null), createVNode("rect", {
+      "id": "el_RgLcovvFiO1",
+      "mask": "url(#mask-16)",
+      "x": "0.279",
+      "width": "77",
+      "height": "25"
+    }, null)])])])]);
   }
 };
 
@@ -712,38 +569,25 @@ var Mic = {
       return hasCustomRenderer(this);
     },
     Icon: function Icon() {
-      var h = this.$createElement;
       var status = this.$data.status;
       var className = this.$props.className;
       switch (status) {
         case STATUS.active:
-          return h(ListenSvg, {
-            "attrs": {
-              "className": className
-            },
-            "nativeOn": {
-              "click": this.handleClick
-            }
-          });
+          return createVNode(ListenSvg, {
+            "className": className,
+            "nativeOnClick": this.handleClick
+          }, null);
         case STATUS.stopped:
         case STATUS.denied:
-          return h(MuteSvg, {
-            "attrs": {
-              "className": className
-            },
-            "nativeOn": {
-              "click": this.handleClick
-            }
-          });
+          return createVNode(MuteSvg, {
+            "className": className,
+            "nativeOnClick": this.handleClick
+          }, null);
         default:
-          return h(MicSvg, {
-            "attrs": {
-              "className": className
-            },
-            "nativeOn": {
-              "click": this.handleClick
-            }
-          });
+          return createVNode(MicSvg, {
+            "className": className,
+            "nativeOnClick": this.handleClick
+          }, null);
       }
     }
   },
@@ -762,11 +606,15 @@ var Mic = {
     }
   },
   render: function render() {
-    var h = arguments[0];
+    var _this2 = this;
     if (this.hasCustomRenderer) {
       return this.getComponent();
     }
-    return h(IconWrapper, [this.Icon]);
+    return createVNode(IconWrapper, null, {
+      "default": function _default() {
+        return [_this2.Icon];
+      }
+    });
   }
 };
 
@@ -783,89 +631,70 @@ var CustomSvg = {
     };
   },
   render: function render() {
-    var h = arguments[0];
     if (this.customIcon) {
-      return h("div", {
+      return createVNode("div", {
         "class": this.$props.className
       }, [this.customIcon]);
     }
     if (this.$props.type === 'recent-search-icon') {
-      return h("svg", {
-        "attrs": {
-          "xmlns": "http://www.w3.org/2000/svg",
-          "alt": "Recent Search",
-          "height": "20",
-          "width": "20",
-          "viewBox": "0 0 24 24"
-        },
+      return createVNode("svg", {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "alt": "Recent Search",
+        "height": "20",
+        "width": "20",
+        "viewBox": "0 0 24 24",
         "style": {
           fill: '#707070'
         },
         "class": this.$props.className
-      }, [h("path", {
-        "attrs": {
-          "d": "M0 0h24v24H0z",
-          "fill": "none"
-        }
-      }), h("path", {
-        "attrs": {
-          "d": "M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"
-        }
-      })]);
+      }, [createVNode("path", {
+        "d": "M0 0h24v24H0z",
+        "fill": "none"
+      }, null), createVNode("path", {
+        "d": "M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"
+      }, null)]);
     }
     if (this.$props.type === 'promoted-search-icon') {
-      return h("svg", {
-        "attrs": {
-          "xmlns": "http://www.w3.org/2000/svg",
-          "width": "20",
-          "alt": "promoted search",
-          "height": "20",
-          "viewBox": "0 0 24 24"
-        },
+      return createVNode("svg", {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "width": "20",
+        "alt": "promoted search",
+        "height": "20",
+        "viewBox": "0 0 24 24",
         "class": this.$props.className,
         "style": {
           fill: '#707070'
         }
-      }, [h("path", {
-        "attrs": {
-          "d": "M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z"
-        }
-      })]);
+      }, [createVNode("path", {
+        "d": "M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z"
+      }, null)]);
     }
     if (this.$props.type === 'popular-search-icon') {
-      return h("svg", {
-        "attrs": {
-          "xmlns": "http://www.w3.org/2000/svg",
-          "alt": "Popular Search",
-          "height": "20",
-          "width": "20",
-          "viewBox": "0 0 24 24"
-        },
+      return createVNode("svg", {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "alt": "Popular Search",
+        "height": "20",
+        "width": "20",
+        "viewBox": "0 0 24 24",
         "style": {
           fill: '#707070'
         },
         "class": this.$props.className
-      }, [h("path", {
-        "attrs": {
-          "d": "M0 0h24v24H0z",
-          "fill": "none"
-        }
-      }), h("path", {
-        "attrs": {
-          "d": "M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"
-        }
-      })]);
+      }, [createVNode("path", {
+        "d": "M0 0h24v24H0z",
+        "fill": "none"
+      }, null), createVNode("path", {
+        "d": "M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"
+      }, null)]);
     }
-    return h(SearchSvg, {
-      "attrs": {
-        "styles": {
-          position: 'relative',
-          fill: '#707070',
-          left: '3px',
-          marginRight: '8px'
-        }
-      }
-    });
+    return createVNode(SearchSvg, {
+      "styles": {
+        position: 'relative',
+        fill: '#707070',
+        left: '3px',
+        marginRight: '8px'
+      }
+    }, null);
   }
 };
 
@@ -873,6 +702,9 @@ var _templateObject$6, _templateObject2;
 var TagsContainer = styled('div')(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
 var TagItem = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tcursor: default;\n\tbox-sizing: border-box;\n\tmargin: 0 4px 4px 0;\n\tcolor: #000000d9;\n\tfont-size: 14px;\n\tfont-variant: tabular-nums;\n\tline-height: 1.5715;\n\tlist-style: none;\n\tfont-feature-settings: 'tnum';\n\tdisplay: inline-block;\n\theight: auto;\n\tpadding: 0 2px 0 7px;\n\tfont-size: 12px;\n\tline-height: 22px;\n\twhite-space: nowrap;\n\tbackground: #fafafa;\n\tborder: 1px solid #d9d9d9;\n\tborder-radius: 2px;\n\topacity: 1;\n\ttransition: all 0.3s;\n\n\tspan.close-icon {\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\theight: 15px;\n\t\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\t\tfill: #262626;\n\t\t}\n\t}\n"])));
 
+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,
@@ -946,6 +778,7 @@ var DataSearch = {
     }
     this.handleTextChange = debounce(this.handleText, this.$props.debounce);
     this.updateDefaultQueryHandlerDebounced = debounce(this.updateDefaultQueryHandler, this.$props.debounce);
+    this.updateQueryHandlerDebounced = debounce(this.updateQueryHandler, this.$props.debounce);
     // Set custom and default queries in store
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
@@ -1129,7 +962,7 @@ var DataSearch = {
         if (this.isPending && this.$options.isTagsMode && Array.isArray(newVal)) {
           this.isPending = false;
         }
-        this.setValue(newVal, true, this.$props, undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
+        this.setValue(newVal, true, this.$props, newVal === '' ? causes.CLEAR_VALUE : undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -1171,8 +1004,10 @@ var DataSearch = {
     handleText: function handleText(value) {
       if (this.$props.autosuggest) {
         this.updateDefaultQueryHandlerDebounced(value, this.$props);
-      } else {
-        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+      } else if (!this.$options.isTagsMode) {
+        this.updateQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+      } else if (this.$options.isTagsMode) {
+        this.$data.currentValue = value;
       }
     },
     validateDataField: function validateDataField() {
@@ -1317,10 +1152,10 @@ var DataSearch = {
           } // in case of strict selection only SUGGESTION_SELECT should be able
           // to set the query otherwise the value should reset
 
-          if (props.strictSelection) {
-            if (cause === causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+          if (props.strictSelection && props.autosuggest) {
+            if (cause === causes.SUGGESTION_SELECT || props.value !== undefined) {
               _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
-            } else {
+            } else if (_this.currentValue !== '') {
               _this.setValue('', true);
             }
           } else {
@@ -1446,17 +1281,20 @@ var DataSearch = {
       this.onValueSelectedHandler('', causes.CLEAR_VALUE);
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
-      var value = this.$props.value;
+      var targetValue = event.target.value;
+      var _this$$props2 = this.$props,
+        value = _this$$props2.value,
+        strictSelection = _this$$props2.strictSelection,
+        size = _this$$props2.size;
       if (value !== undefined) {
         this.isPending = true;
       }
 
       // if a suggestion was selected, delegate the handling to suggestion handler
-      if (event.key === 'Enter' && highlightedIndex === null) {
-        this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? causes.SUGGESTION_SELECT : undefined // to handle tags
-        );
-
-        this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
+      if (event.key === 'Enter' && (highlightedIndex === null || highlightedIndex < 0 || highlightedIndex === [].concat([].concat(this.suggestionsList).slice(0, size || 10), this.defaultSearchSuggestions, this.topSuggestions).length)) {
+        this.isPending = false;
+        this.setValue(this.$options.isTagsMode && strictSelection ? '' : targetValue, true, this.$props, undefined, false);
+        this.onValueSelectedHandler(targetValue, causes.ENTER_PRESS);
       }
       // Need to review
       this.$emit('keyDown', event, this.triggerQuery);
@@ -1468,19 +1306,19 @@ var DataSearch = {
       if (!this.$data.isOpen) {
         this.isOpen = true;
       }
-      var _this$$props2 = this.$props,
-        value = _this$$props2.value,
-        autosuggest = _this$$props2.autosuggest;
+      var _this$$props3 = this.$props,
+        value = _this$$props3.value,
+        autosuggest = _this$$props3.autosuggest;
       if (value === undefined) {
         this.setValue(inputValue, false, this.$props, undefined, true, false);
       } else {
         this.isPending = true;
+        this.currentValue = inputValue;
         this.$emit('change', inputValue, function (_temp2) {
           var _ref3 = _temp2 === void 0 ? {} : _temp2,
             _ref3$isOpen = _ref3.isOpen,
             isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
           if (_this2.$options.isTagsMode && autosuggest) {
-            _this2.currentValue = value;
             _this2.isOpen = isOpen;
             _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
             return;
@@ -1535,31 +1373,31 @@ var DataSearch = {
       return highlightedIndex === index ? '#eee' : '#fff';
     },
     renderIcon: function renderIcon() {
-      var h = this.$createElement;
       if (this.$props.showIcon) {
-        return this.$props.icon || h(SearchSvg);
+        return this.$props.icon || createVNode(SearchSvg, null, null);
       }
       return null;
     },
     renderErrorComponent: function renderErrorComponent() {
-      var h = this.$createElement;
-      var renderError = this.$scopedSlots.renderError || this.$props.renderError;
+      var _this3 = this;
+      var renderError = this.$slots.renderError || this.$props.renderError;
       if (this.error && renderError && this.$data.currentValue && !this.isLoading) {
-        return h(SuggestionWrapper, {
-          "attrs": {
-            "innerClass": this.$props.innerClass,
-            "innerClassName": "error",
-            "theme": this.theme,
-            "themePreset": this.themePreset
+        return createVNode(SuggestionWrapper, {
+          "innerClass": this.$props.innerClass,
+          "innerClassName": "error",
+          "theme": this.theme,
+          "themePreset": this.themePreset
+        }, {
+          "default": function _default() {
+            return [isFunction(renderError) ? renderError(_this3.error) : renderError];
           }
-        }, [isFunction(renderError) ? renderError(this.error) : renderError]);
+        });
       }
       return null;
     },
     renderCancelIcon: function renderCancelIcon() {
-      var h = this.$createElement;
       if (this.$props.showClear) {
-        return this.$props.clearIcon || h(CancelSvg);
+        return this.$props.clearIcon || createVNode(CancelSvg, null, null);
       }
       return null;
     },
@@ -1567,58 +1405,58 @@ var DataSearch = {
       if (finalSuggestionsList === void 0) {
         finalSuggestionsList = [];
       }
-      var h = this.$createElement;
-      var _this$$props3 = this.$props,
-        theme = _this$$props3.theme,
-        innerClass = _this$$props3.innerClass;
-      var renderNoSuggestion = this.$scopedSlots.renderNoSuggestion || this.$props.renderNoSuggestion;
-      var renderError = this.$scopedSlots.renderError || this.$props.renderError;
+      var _this$$props4 = this.$props,
+        theme = _this$$props4.theme,
+        innerClass = _this$$props4.innerClass;
+      var renderNoSuggestion = this.$slots.renderNoSuggestion() || this.$props.renderNoSuggestion;
+      var renderError = this.$slots.renderError() || this.$props.renderError;
       var _this$$data = this.$data,
         isOpen = _this$$data.isOpen,
         currentValue = _this$$data.currentValue;
       if (renderNoSuggestion && isOpen && !finalSuggestionsList.length && !this.isLoading && currentValue && !(renderError && this.error)) {
-        return h(SuggestionWrapper, {
-          "attrs": {
-            "innerClass": innerClass,
-            "themePreset": this.themePreset,
-            "theme": theme,
-            "innerClassName": "noSuggestion"
-          },
+        return createVNode(SuggestionWrapper, {
+          "innerClass": innerClass,
+          "themePreset": this.themePreset,
+          "theme": theme,
+          "innerClassName": "noSuggestion",
           "scopedSlots": {
             "default": function _default() {
               return typeof renderNoSuggestion === 'function' ? renderNoSuggestion(currentValue) : renderNoSuggestion;
             }
           }
-        });
+        }, null);
       }
       return null;
     },
     renderInputAddonBefore: function renderInputAddonBefore() {
-      var h = this.$createElement;
-      var addonBefore = this.$scopedSlots.addonBefore;
+      var addonBefore = this.$slots.addonBefore;
       if (addonBefore) {
-        return h(InputAddon, [addonBefore()]);
+        var _slot;
+        return createVNode(InputAddon, null, _isSlot(_slot = addonBefore()) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        });
       }
       return null;
     },
     renderTag: function renderTag(item) {
-      var _this3 = this;
-      var h = this.$createElement;
+      var _this4 = this;
       var innerClass = this.$props.innerClass;
-      return h(TagItem, {
+      return createVNode(TagItem, {
         "class": getClassName$1(innerClass, 'selected-tag') || ''
-      }, [h("span", [item]), h("span", {
-        "attrs": {
-          "role": "img",
-          "aria-label": "delete-tag"
-        },
-        "class": "close-icon",
-        "on": {
-          "click": function click() {
-            return _this3.clearTag(item);
-          }
+      }, {
+        "default": function _default() {
+          return [createVNode("span", null, [item]), createVNode("span", {
+            "role": "img",
+            "aria-label": "delete-tag",
+            "class": "close-icon",
+            "onClick": function onClick() {
+              return _this4.clearTag(item);
+            }
+          }, [createVNode(CancelSvg, null, null)])];
         }
-      }, [h(CancelSvg)])]);
+      });
     },
     clearAllTags: function clearAllTags() {
       this.selectedTags = [];
@@ -1637,86 +1475,100 @@ var DataSearch = {
       }
     },
     renderTags: function renderTags() {
-      var _this4 = this;
-      var h = this.$createElement;
+      var _this5 = this;
       if (!Array.isArray(this.selectedTags)) {
         return null;
       }
       var tagsList = [].concat(this.selectedTags);
       var shouldRenderClearAllTag = tagsList.length > 1;
-      var renderSelectedTags = this.$scopedSlots.renderSelectedTags || this.$props.renderSelectedTags;
+      var renderSelectedTags = this.$slots.renderSelectedTags || this.$props.renderSelectedTags;
       return renderSelectedTags ? renderSelectedTags({
         values: this.selectedTags,
         handleClear: this.clearTag,
         handleClearAll: this.clearAllTags
-      }) : h(TagsContainer, [tagsList.map(function (item) {
-        return _this4.renderTag(item);
-      }), shouldRenderClearAllTag && h(TagItem, {
-        "class": getClassName$1(this.$props.innerClass, 'selected-tag') || ''
-      }, [h("span", ["Clear All"]), h("span", {
-        "attrs": {
-          "role": "img",
-          "aria-label": "delete-tag"
-        },
-        "class": "close-icon",
-        "on": {
-          "click": this.clearAllTags
+      }) : createVNode(TagsContainer, null, {
+        "default": function _default() {
+          return [tagsList.map(function (item) {
+            return _this5.renderTag(item);
+          }), shouldRenderClearAllTag && createVNode(TagItem, {
+            "class": getClassName$1(_this5.$props.innerClass, 'selected-tag') || ''
+          }, {
+            "default": function _default() {
+              return [createVNode("span", null, [createTextVNode("Clear All")]), createVNode("span", {
+                "role": "img",
+                "aria-label": "delete-tag",
+                "class": "close-icon",
+                "onClick": _this5.clearAllTags
+              }, [createVNode(CancelSvg, null, null)])];
+            }
+          })];
         }
-      }, [h(CancelSvg)])])]);
+      });
     },
     renderInputAddonAfter: function renderInputAddonAfter() {
-      var h = this.$createElement;
-      var addonAfter = this.$scopedSlots.addonAfter;
+      var addonAfter = this.$slots.addonAfter;
       if (addonAfter) {
-        return h(InputAddon, [addonAfter()]);
+        var _slot2;
+        return createVNode(InputAddon, null, _isSlot(_slot2 = addonAfter()) ? _slot2 : {
+          "default": function _default() {
+            return [_slot2];
+          }
+        });
       }
       return null;
     },
     renderIcons: function renderIcons() {
-      var h = this.$createElement;
-      var _this$$props4 = this.$props,
-        iconPosition = _this$$props4.iconPosition,
-        showClear = _this$$props4.showClear,
-        innerClass = _this$$props4.innerClass,
-        getMicInstance = _this$$props4.getMicInstance,
-        showVoiceSearch = _this$$props4.showVoiceSearch,
-        showIcon = _this$$props4.showIcon;
-      var renderMic = this.$scopedSlots.renderMic || this.$props.renderMic;
+      var _this6 = this;
+      var _slot3, _slot4, _slot5;
+      var _this$$props5 = this.$props,
+        iconPosition = _this$$props5.iconPosition,
+        showClear = _this$$props5.showClear,
+        innerClass = _this$$props5.innerClass,
+        getMicInstance = _this$$props5.getMicInstance,
+        showVoiceSearch = _this$$props5.showVoiceSearch,
+        showIcon = _this$$props5.showIcon;
+      var renderMic = this.$slots.renderMic || this.$props.renderMic;
       var currentValue = this.$data.currentValue;
-      return h("div", [h(IconGroup, {
-        "attrs": {
-          "groupPosition": "right",
-          "positionType": "absolute"
-        }
-      }, [currentValue && showClear && h(IconWrapper, {
-        "on": {
-          "click": this.clearValue
-        },
-        "attrs": {
-          "showIcon": showIcon,
-          "isClearIcon": true
-        }
-      }, [this.renderCancelIcon()]), showVoiceSearch && h(Mic, {
-        "attrs": {
-          "getInstance": getMicInstance,
-          "render": renderMic,
-          "handleResult": this.handleVoiceResults,
-          "className": getClassName$1(innerClass, 'mic') || null
-        }
-      }), iconPosition === 'right' && showIcon && h(IconWrapper, {
-        "on": {
-          "click": this.handleSearchIconClick
-        }
-      }, [this.renderIcon()])]), h(IconGroup, {
-        "attrs": {
-          "groupPosition": "left",
-          "positionType": "absolute"
+      return createVNode("div", null, [createVNode(IconGroup, {
+        "groupPosition": "right",
+        "positionType": "absolute"
+      }, {
+        "default": function _default() {
+          return [currentValue && showClear && createVNode(IconWrapper, {
+            "onClick": _this6.clearValue,
+            "showIcon": showIcon,
+            "isClearIcon": true
+          }, _isSlot(_slot3 = _this6.renderCancelIcon()) ? _slot3 : {
+            "default": function _default() {
+              return [_slot3];
+            }
+          }), showVoiceSearch && createVNode(Mic, {
+            "getInstance": getMicInstance,
+            "render": renderMic,
+            "handleResult": _this6.handleVoiceResults,
+            "className": getClassName$1(innerClass, 'mic') || null
+          }, null), iconPosition === 'right' && showIcon && createVNode(IconWrapper, {
+            "onClick": _this6.handleSearchIconClick
+          }, _isSlot(_slot4 = _this6.renderIcon()) ? _slot4 : {
+            "default": function _default() {
+              return [_slot4];
+            }
+          })];
         }
-      }, [iconPosition === 'left' && showIcon && h(IconWrapper, {
-        "on": {
-          "click": this.handleSearchIconClick
+      }), createVNode(IconGroup, {
+        "groupPosition": "left",
+        "positionType": "absolute"
+      }, {
+        "default": function _default() {
+          return [iconPosition === 'left' && showIcon && createVNode(IconWrapper, {
+            "onClick": _this6.handleSearchIconClick
+          }, _isSlot(_slot5 = _this6.renderIcon()) ? _slot5 : {
+            "default": function _default() {
+              return [_slot5];
+            }
+          })];
         }
-      }, [this.renderIcon()])])]);
+      })]);
     },
     focusSearchBox: function focusSearchBox(event) {
       var _this$$refs, _this$$refs$this$$pro;
@@ -1729,7 +1581,7 @@ var DataSearch = {
       (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$this$$pro = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs$this$$pro.focus(); // eslint-disable-line
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
-      var _this5 = this;
+      var _this7 = this;
       var _this$$props$focusSho = this.$props.focusShortcuts,
         focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
       if (isEmpty(focusShortcuts)) {
@@ -1744,7 +1596,7 @@ var DataSearch = {
       function (event, handler) {
         // Prevent the default refresh event under WINDOWS system
         event.preventDefault();
-        _this5.focusSearchBox(event);
+        _this7.focusSearchBox(event);
       });
 
       // if one of modifier keys are used, they are handled below
@@ -1754,7 +1606,7 @@ var DataSearch = {
         for (var index = 0; index < modifierKeys.length; index += 1) {
           var element = modifierKeys[index];
           if (hotkeys[element]) {
-            _this5.focusSearchBox(event);
+            _this7.focusSearchBox(event);
             break;
           }
         }
@@ -1762,217 +1614,234 @@ var DataSearch = {
     }
   },
   render: function render() {
-    var _this6 = this;
-    var h = arguments[0];
-    var _this$$props5 = this.$props,
-      theme = _this$$props5.theme,
-      size = _this$$props5.size,
-      expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer,
-      enableDefaultSuggestions = _this$$props5.enableDefaultSuggestions;
-    var _this$$scopedSlots = this.$scopedSlots,
-      recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
-      popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
+    var _this8 = this;
+    var _this$$props6 = this.$props,
+      theme = _this$$props6.theme,
+      size = _this$$props6.size,
+      expandSuggestionsContainer = _this$$props6.expandSuggestionsContainer,
+      enableDefaultSuggestions = _this$$props6.enableDefaultSuggestions;
+    var _this$$slots = this.$slots,
+      recentSearchesIcon = _this$$slots.recentSearchesIcon,
+      popularSearchesIcon = _this$$slots.popularSearchesIcon;
     var hasSuggestions = this.currentValue ? this.suggestionsList.length || this.topSuggestions.length : this.defaultSearchSuggestions.length;
     if (enableDefaultSuggestions === false && !this.currentValue) {
       hasSuggestions = false;
     }
-    return h(Container, {
+    return createVNode(Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title, {
-      "class": getClassName$1(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), this.$props.defaultSuggestions || this.$props.autosuggest ? h(Downshift, {
-      "attrs": {
-        "id": this.$props.componentId + "-downshift",
-        "handleChange": this.onSuggestionSelected,
-        "handleMouseup": this.handleStateChange,
-        "isOpen": this.$data.isOpen
-      },
-      "scopedSlots": {
-        "default": function _default(_ref4) {
-          var getInputEvents = _ref4.getInputEvents,
-            getInputProps = _ref4.getInputProps,
-            getItemProps = _ref4.getItemProps,
-            getItemEvents = _ref4.getItemEvents,
-            isOpen = _ref4.isOpen,
-            highlightedIndex = _ref4.highlightedIndex,
-            setHighlightedIndex = _ref4.setHighlightedIndex;
-          var renderSuggestionsContainer = function renderSuggestionsContainer() {
-            return h("div", [_this6.hasCustomRenderer && _this6.getComponent({
-              isOpen: isOpen,
-              getItemProps: getItemProps,
-              getItemEvents: getItemEvents,
-              highlightedIndex: highlightedIndex
-            }), _this6.renderErrorComponent(), !_this6.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
-              "class": suggestions(_this6.themePreset, theme) + " " + getClassName$1(_this6.$props.innerClass, 'list')
-            }, [_this6.suggestionsList.slice(0, size || 10).map(function (item, index) {
-              return h("li", {
-                "domProps": _extends({}, getItemProps({
-                  item: item
-                })),
-                "on": _extends({}, getItemEvents({
-                  item: item
-                })),
-                "key": index + 1 + "-" + item.value,
-                "style": {
-                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, index)
-                }
-              }, [h(SuggestionItem, {
-                "attrs": {
-                  "currentValue": _this6.currentValue,
-                  "suggestion": item
-                }
-              })]);
-            }), _this6.defaultSearchSuggestions.map(function (sugg, index) {
-              return h("li", {
-                "domProps": _extends({}, getItemProps({
-                  item: sugg
-                })),
-                "on": _extends({}, getItemEvents({
-                  item: sugg
-                })),
-                "key": _this6.suggestionsList.length + index + 1 + "-" + sugg.value,
-                "style": {
-                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, _this6.suggestionsList.length + index),
-                  justifyContent: 'flex-start'
-                }
-              }, [h("div", {
-                "style": {
-                  padding: '0 10px 0 0'
-                }
-              }, [sugg.source && sugg.source._recent_search && h(CustomSvg, {
-                "attrs": {
-                  "className": getClassName$1(_this6.$props.innerClass, 'recent-search-icon') || null,
-                  "icon": recentSearchesIcon,
-                  "type": "recent-search-icon"
-                }
-              }), sugg.source && sugg.source._popular_suggestion && h(CustomSvg, {
-                "attrs": {
-                  "className": getClassName$1(_this6.$props.innerClass, 'popular-search-icon') || null,
-                  "icon": popularSearchesIcon,
-                  "type": "popular-search-icon"
-                }
-              })]), h(SuggestionItem, {
-                "attrs": {
-                  "currentValue": _this6.currentValue,
-                  "suggestion": sugg
-                }
-              })]);
-            }), hasQuerySuggestionsRenderer(_this6) ? _this6.getComponent({
-              isOpen: isOpen,
-              getItemProps: getItemProps,
-              getItemEvents: getItemEvents,
-              highlightedIndex: highlightedIndex
-            }, true) : _this6.topSuggestions.map(function (sugg, index) {
-              return h("li", {
-                "domProps": _extends({}, getItemProps({
-                  item: sugg
-                })),
-                "on": _extends({}, getItemEvents({
-                  item: sugg
-                })),
-                "key": _this6.suggestionsList.length + index + 1 + "-" + sugg.value,
-                "style": {
-                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, _this6.suggestionsList.length + index),
-                  justifyContent: 'flex-start'
-                }
-              }, [h("div", {
-                "style": {
-                  padding: '0 10px 0 0'
-                }
-              }, [h(CustomSvg, {
-                "attrs": {
-                  "className": getClassName$1(_this6.$props.innerClass, 'popular-search-icon') || null,
-                  "icon": popularSearchesIcon,
-                  "type": "popular-search-icon"
-                }
-              })]), h(SuggestionItem, {
-                "attrs": {
-                  "currentValue": _this6.currentValue,
-                  "suggestion": sugg
+    }, {
+      "default": function _default() {
+        return [_this8.$props.title && createVNode(Title, {
+          "class": getClassName$1(_this8.$props.innerClass, 'title') || ''
+        }, {
+          "default": function _default() {
+            return [_this8.$props.title];
+          }
+        }), _this8.$props.defaultSuggestions || _this8.$props.autosuggest ? createVNode(Downshift, {
+          "id": _this8.$props.componentId + "-downshift",
+          "handleChange": _this8.onSuggestionSelected,
+          "handleMouseup": _this8.handleStateChange,
+          "isOpen": _this8.$data.isOpen,
+          "scopedSlots": {
+            "default": function _default(_ref4) {
+              var getInputEvents = _ref4.getInputEvents,
+                getInputProps = _ref4.getInputProps,
+                getItemProps = _ref4.getItemProps,
+                getItemEvents = _ref4.getItemEvents,
+                isOpen = _ref4.isOpen,
+                highlightedIndex = _ref4.highlightedIndex,
+                setHighlightedIndex = _ref4.setHighlightedIndex;
+              var renderSuggestionsContainer = function renderSuggestionsContainer() {
+                return createVNode("div", null, [_this8.hasCustomRenderer && _this8.getComponent({
+                  isOpen: isOpen,
+                  getItemProps: getItemProps,
+                  getItemEvents: getItemEvents,
+                  highlightedIndex: highlightedIndex
+                }), _this8.renderErrorComponent(), !_this8.hasCustomRenderer && isOpen && hasSuggestions ? createVNode("ul", {
+                  "class": suggestions(_this8.themePreset, theme) + " " + getClassName$1(_this8.$props.innerClass, 'list')
+                }, [_this8.suggestionsList.slice(0, size || 10).map(function (item, index) {
+                  return createVNode("li", mergeProps({
+                    domProps: getItemProps({
+                      item: item
+                    })
+                  }, {
+                    on: getItemEvents({
+                      item: item
+                    })
+                  }, {
+                    "key": index + 1 + "-" + item.value,
+                    "style": {
+                      backgroundColor: _this8.getBackgroundColor(highlightedIndex, index)
+                    }
+                  }), [createVNode(SuggestionItem, {
+                    "currentValue": _this8.currentValue,
+                    "suggestion": item
+                  }, null)]);
+                }), _this8.defaultSearchSuggestions.map(function (sugg, index) {
+                  return createVNode("li", mergeProps({
+                    domProps: getItemProps({
+                      item: sugg
+                    })
+                  }, {
+                    on: getItemEvents({
+                      item: sugg
+                    })
+                  }, {
+                    "key": _this8.suggestionsList.length + index + 1 + "-" + sugg.value,
+                    "style": {
+                      backgroundColor: _this8.getBackgroundColor(highlightedIndex, _this8.suggestionsList.length + index),
+                      justifyContent: 'flex-start'
+                    }
+                  }), [createVNode("div", {
+                    "style": {
+                      padding: '0 10px 0 0'
+                    }
+                  }, [sugg.source && sugg.source._recent_search && createVNode(CustomSvg, {
+                    "className": getClassName$1(_this8.$props.innerClass, 'recent-search-icon') || null,
+                    "icon": recentSearchesIcon,
+                    "type": "recent-search-icon"
+                  }, null), sugg.source && sugg.source._popular_suggestion && createVNode(CustomSvg, {
+                    "className": getClassName$1(_this8.$props.innerClass, 'popular-search-icon') || null,
+                    "icon": popularSearchesIcon,
+                    "type": "popular-search-icon"
+                  }, null)]), createVNode(SuggestionItem, {
+                    "currentValue": _this8.currentValue,
+                    "suggestion": sugg
+                  }, null)]);
+                }), hasQuerySuggestionsRenderer(_this8) ? _this8.getComponent({
+                  isOpen: isOpen,
+                  getItemProps: getItemProps,
+                  getItemEvents: getItemEvents,
+                  highlightedIndex: highlightedIndex
+                }, true) : _this8.topSuggestions.map(function (sugg, index) {
+                  return createVNode("li", mergeProps({
+                    domProps: getItemProps({
+                      item: sugg
+                    })
+                  }, {
+                    on: getItemEvents({
+                      item: sugg
+                    })
+                  }, {
+                    "key": _this8.suggestionsList.length + index + 1 + "-" + sugg.value,
+                    "style": {
+                      backgroundColor: _this8.getBackgroundColor(highlightedIndex, _this8.suggestionsList.length + index),
+                      justifyContent: 'flex-start'
+                    }
+                  }), [createVNode("div", {
+                    "style": {
+                      padding: '0 10px 0 0'
+                    }
+                  }, [createVNode(CustomSvg, {
+                    "className": getClassName$1(_this8.$props.innerClass, 'popular-search-icon') || null,
+                    "icon": popularSearchesIcon,
+                    "type": "popular-search-icon"
+                  }, null)]), createVNode(SuggestionItem, {
+                    "currentValue": _this8.currentValue,
+                    "suggestion": sugg
+                  }, null)]);
+                })]) : _this8.renderNoSuggestions(_this8.suggestionsList)]);
+              };
+              return createVNode("div", {
+                "class": suggestionsContainer
+              }, [createVNode(InputGroup, null, {
+                "default": function _default() {
+                  return [_this8.renderInputAddonBefore(), createVNode(InputWrapper, null, {
+                    "default": function _default() {
+                      return [createVNode(Input, mergeProps({
+                        "id": _this8.$props.componentId + "-input",
+                        "showIcon": _this8.$props.showIcon,
+                        "showClear": _this8.$props.showClear,
+                        "iconPosition": _this8.$props.iconPosition,
+                        "ref": _this8.$props.innerRef,
+                        "class": getClassName$1(_this8.$props.innerClass, 'input'),
+                        "placeholder": _this8.$props.placeholder,
+                        "autoFocus": _this8.$props.autoFocus
+                      }, {
+                        on: getInputEvents({
+                          onInput: _this8.onInputChange,
+                          onBlur: function onBlur(e) {
+                            _this8.$emit('blur', e, _this8.triggerQuery);
+                          },
+                          onFocus: _this8.handleFocus,
+                          onKeyPress: function onKeyPress(e) {
+                            _this8.$emit('keyPress', e, _this8.triggerQuery);
+                            _this8.$emit('key-press', e, _this8.triggerQuery);
+                          },
+                          onKeyDown: function onKeyDown(e) {
+                            return _this8.handleKeyDown(e, highlightedIndex);
+                          },
+                          onKeyUp: function onKeyUp(e) {
+                            _this8.$emit('keyUp', e, _this8.triggerQuery);
+                            _this8.$emit('key-up', e, _this8.triggerQuery);
+                          },
+                          onClick: function onClick() {
+                            setHighlightedIndex(null);
+                          }
+                        })
+                      }, {
+                        domProps: getInputProps({
+                          value: _this8.$data.currentValue === null || typeof _this8.$data.currentValue !== 'string' ? '' : _this8.$data.currentValue
+                        })
+                      }, {
+                        "themePreset": _this8.themePreset,
+                        "autocomplete": "off"
+                      }), null), _this8.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()];
+                    }
+                  }), ' ', _this8.renderInputAddonAfter()];
                 }
-              })]);
-            })]) : _this6.renderNoSuggestions(_this6.suggestionsList)]);
-          };
-          return h("div", {
-            "class": suggestionsContainer
-          }, [h(InputGroup, [_this6.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
-            "attrs": {
-              "id": _this6.$props.componentId + "-input",
-              "showIcon": _this6.$props.showIcon,
-              "showClear": _this6.$props.showClear,
-              "iconPosition": _this6.$props.iconPosition,
-              "placeholder": _this6.$props.placeholder,
-              "autoFocus": _this6.$props.autoFocus,
-              "themePreset": _this6.themePreset,
-              "autocomplete": "off"
-            },
-            "ref": _this6.$props.innerRef,
-            "class": getClassName$1(_this6.$props.innerClass, 'input'),
-            "on": _extends({}, getInputEvents({
-              onInput: _this6.onInputChange,
-              onBlur: function onBlur(e) {
-                _this6.$emit('blur', e, _this6.triggerQuery);
-              },
-              onFocus: _this6.handleFocus,
-              onKeyPress: function onKeyPress(e) {
-                _this6.$emit('keyPress', e, _this6.triggerQuery);
-                _this6.$emit('key-press', e, _this6.triggerQuery);
-              },
-              onKeyDown: function onKeyDown(e) {
-                return _this6.handleKeyDown(e, highlightedIndex);
-              },
-              onKeyUp: function onKeyUp(e) {
-                _this6.$emit('keyUp', e, _this6.triggerQuery);
-                _this6.$emit('key-up', e, _this6.triggerQuery);
-              },
-              onClick: function onClick() {
-                setHighlightedIndex(null);
+              }), expandSuggestionsContainer && renderSuggestionsContainer(), _this8.renderTags()]);
+            }
+          }
+        }, null) : createVNode("div", {
+          "class": suggestionsContainer
+        }, [createVNode(InputGroup, null, {
+          "default": function _default() {
+            return [_this8.renderInputAddonBefore(), createVNode(InputWrapper, null, {
+              "default": function _default() {
+                return [createVNode(Input, mergeProps({
+                  "class": getClassName$1(_this8.$props.innerClass, 'input') || '',
+                  "placeholder": _this8.$props.placeholder
+                }, {
+                  on: {
+                    blur: function blur(e) {
+                      _this8.$emit('blur', e, _this8.triggerQuery);
+                    },
+                    keypress: function keypress(e) {
+                      _this8.$emit('keyPress', e, _this8.triggerQuery);
+                      _this8.$emit('key-press', e, _this8.triggerQuery);
+                    },
+                    input: _this8.onInputChange,
+                    focus: function focus(e) {
+                      _this8.$emit('focus', e, _this8.triggerQuery);
+                    },
+                    keydown: function keydown(e) {
+                      _this8.$emit('keyDown', e, _this8.triggerQuery);
+                      _this8.$emit('key-down', e, _this8.triggerQuery);
+                    },
+                    keyup: function keyup(e) {
+                      _this8.$emit('keyUp', e, _this8.triggerQuery);
+                      _this8.$emit('key-up', e, _this8.triggerQuery);
+                    }
+                  }
+                }, {
+                  domProps: {
+                    autofocus: _this8.$props.autoFocus,
+                    value: _this8.$data.currentValue ? _this8.$data.currentValue : ''
+                  }
+                }, {
+                  "iconPosition": _this8.$props.iconPosition,
+                  "showIcon": _this8.$props.showIcon,
+                  "showClear": _this8.$props.showClear,
+                  "ref": _this8.$props.innerRef,
+                  "themePreset": _this8.themePreset
+                }), null), _this8.renderIcons()];
               }
-            })),
-            "domProps": _extends({}, getInputProps({
-              value: _this6.$data.currentValue === null ? '' : _this6.$data.currentValue
-            }))
-          }), _this6.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this6.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this6.renderTags()]);
-        }
+            }), _this8.renderInputAddonAfter()];
+          }
+        }), _this8.renderTags()])];
       }
-    }) : h("div", {
-      "class": suggestionsContainer
-    }, [h(InputGroup, [this.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
-      "class": getClassName$1(this.$props.innerClass, 'input') || '',
-      "attrs": {
-        "placeholder": this.$props.placeholder,
-        "iconPosition": this.$props.iconPosition,
-        "showIcon": this.$props.showIcon,
-        "showClear": this.$props.showClear,
-        "themePreset": this.themePreset
-      },
-      "on": _extends({}, {
-        blur: function blur(e) {
-          _this6.$emit('blur', e, _this6.triggerQuery);
-        },
-        keypress: function keypress(e) {
-          _this6.$emit('keyPress', e, _this6.triggerQuery);
-          _this6.$emit('key-press', e, _this6.triggerQuery);
-        },
-        input: this.onInputChange,
-        focus: function focus(e) {
-          _this6.$emit('focus', e, _this6.triggerQuery);
-        },
-        keydown: function keydown(e) {
-          _this6.$emit('keyDown', e, _this6.triggerQuery);
-          _this6.$emit('key-down', e, _this6.triggerQuery);
-        },
-        keyup: function keyup(e) {
-          _this6.$emit('keyUp', e, _this6.triggerQuery);
-          _this6.$emit('key-up', e, _this6.triggerQuery);
-        }
-      }),
-      "domProps": _extends({}, {
-        autofocus: this.$props.autoFocus,
-        value: this.$data.currentValue ? this.$data.currentValue : ''
-      }),
-      "ref": this.$props.innerRef
-    }), this.renderIcons()]), this.renderInputAddonAfter()])])]);
+    });
   },
   destroyed: function destroyed() {
     document.removeEventListener('keydown', this.onKeyDown);