framework7 6.3.4 → 7.0.0-beta.3

package/{esm/components → components}/searchbar/searchbar-class.js

@@ -1,9 +1,3 @@
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 import { getDocument } from 'ssr-window';
 import $ from '../../shared/dom7';
 import { extend, nextTick, deleteProps } from '../../shared/utils';
@@ -11,21 +5,11 @@ import FrameworkClass from '../../shared/class';
 import { getDevice } from '../../shared/get-device';
 import removeDiacritics from './remove-diacritics';
 
-var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
-  _inheritsLoose(Searchbar, _FrameworkClass);
-
-  function Searchbar(app, params) {
-    var _this;
-
-    if (params === void 0) {
-      params = {};
-    }
-
-    _this = _FrameworkClass.call(this, params, [app]) || this;
-
-    var sb = _assertThisInitialized(_this);
-
-    var defaults = {
+class Searchbar extends FrameworkClass {
+  constructor(app, params = {}) {
+    super(params, [app]);
+    const sb = this;
+    const defaults = {
       el: undefined,
       inputEl: undefined,
       inputEvents: 'change input compositionend',
@@ -57,12 +41,12 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
 
     sb.useModulesParams(defaults);
     sb.params = extend(defaults, params);
-    var $el = $(sb.params.el);
-    if ($el.length === 0) return sb || _assertThisInitialized(_this);
-    if ($el[0].f7Searchbar) return $el[0].f7Searchbar || _assertThisInitialized(_this);
+    const $el = $(sb.params.el);
+    if ($el.length === 0) return sb;
+    if ($el[0].f7Searchbar) return $el[0].f7Searchbar;
     $el[0].f7Searchbar = sb;
-    var $pageEl;
-    var $navbarEl = $el.parents('.navbar');
+    let $pageEl;
+    const $navbarEl = $el.parents('.navbar');
 
     if ($el.parents('.page').length > 0) {
       $pageEl = $el.parents('.page');
@@ -70,7 +54,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       $pageEl = $(app.navbar.getPageByEl($navbarEl[0]));
 
       if (!$pageEl.length) {
-        var $currentPageEl = $el.parents('.view').find('.page-current');
+        const $currentPageEl = $el.parents('.view').find('.page-current');
 
         if ($currentPageEl[0] && $currentPageEl[0].f7Page && $currentPageEl[0].f7Page.navbarEl === $navbarEl[0]) {
           $pageEl = $currentPageEl;
@@ -78,7 +62,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       }
     }
 
-    var $foundEl;
+    let $foundEl;
 
     if (params.foundEl) {
       $foundEl = $(params.foundEl);
@@ -86,7 +70,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       $foundEl = $pageEl.find(sb.params.foundEl);
     }
 
-    var $notFoundEl;
+    let $notFoundEl;
 
     if (params.notFoundEl) {
       $notFoundEl = $(params.notFoundEl);
@@ -94,7 +78,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       $notFoundEl = $pageEl.find(sb.params.notFoundEl);
     }
 
-    var $hideOnEnableEl;
+    let $hideOnEnableEl;
 
     if (params.hideOnEnableEl) {
       $hideOnEnableEl = $(params.hideOnEnableEl);
@@ -102,7 +86,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       $hideOnEnableEl = $pageEl.find(sb.params.hideOnEnableEl);
     }
 
-    var $hideOnSearchEl;
+    let $hideOnSearchEl;
 
     if (params.hideOnSearchEl) {
       $hideOnSearchEl = $(params.hideOnSearchEl);
@@ -110,14 +94,14 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       $hideOnSearchEl = $pageEl.find(sb.params.hideOnSearchEl);
     }
 
-    var expandable = sb.params.expandable || $el.hasClass('searchbar-expandable');
-    var inline = sb.params.inline || $el.hasClass('searchbar-inline');
+    const expandable = sb.params.expandable || $el.hasClass('searchbar-expandable');
+    const inline = sb.params.inline || $el.hasClass('searchbar-inline');
 
     if (typeof sb.params.backdrop === 'undefined') {
       if (!inline) sb.params.backdrop = app.theme !== 'aurora';else sb.params.backdrop = false;
     }
 
-    var $backdropEl;
+    let $backdropEl;
 
     if (sb.params.backdrop) {
       if (sb.params.backdropEl) {
@@ -143,13 +127,13 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       }
     }
 
-    var $searchContainer;
+    let $searchContainer;
 
     if (sb.params.searchContainer) {
       $searchContainer = $(sb.params.searchContainer);
     }
 
-    var $inputEl;
+    let $inputEl;
 
     if (sb.params.inputEl) {
       $inputEl = $(sb.params.inputEl);
@@ -157,7 +141,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       $inputEl = $el.find('input[type="search"]').eq(0);
     }
 
-    var $disableButtonEl;
+    let $disableButtonEl;
 
     if (sb.params.disableButton) {
       if (sb.params.disableButtonEl) {
@@ -168,38 +152,38 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
     }
 
     extend(sb, {
-      app: app,
+      app,
       view: app.views.get($el.parents('.view')),
-      $el: $el,
+      $el,
       el: $el[0],
-      $backdropEl: $backdropEl,
+      $backdropEl,
       backdropEl: $backdropEl && $backdropEl[0],
-      $searchContainer: $searchContainer,
+      $searchContainer,
       searchContainer: $searchContainer && $searchContainer[0],
-      $inputEl: $inputEl,
+      $inputEl,
       inputEl: $inputEl[0],
-      $disableButtonEl: $disableButtonEl,
+      $disableButtonEl,
       disableButtonEl: $disableButtonEl && $disableButtonEl[0],
       disableButtonHasMargin: false,
-      $pageEl: $pageEl,
+      $pageEl,
       pageEl: $pageEl && $pageEl[0],
-      $navbarEl: $navbarEl,
+      $navbarEl,
       navbarEl: $navbarEl && $navbarEl[0],
-      $foundEl: $foundEl,
+      $foundEl,
       foundEl: $foundEl && $foundEl[0],
-      $notFoundEl: $notFoundEl,
+      $notFoundEl,
       notFoundEl: $notFoundEl && $notFoundEl[0],
-      $hideOnEnableEl: $hideOnEnableEl,
+      $hideOnEnableEl,
       hideOnEnableEl: $hideOnEnableEl && $hideOnEnableEl[0],
-      $hideOnSearchEl: $hideOnSearchEl,
+      $hideOnSearchEl,
       hideOnSearchEl: $hideOnSearchEl && $hideOnSearchEl[0],
       previousQuery: '',
       query: '',
       isVirtualList: $searchContainer && $searchContainer.hasClass('virtual-list'),
       virtualList: undefined,
       enabled: false,
-      expandable: expandable,
-      inline: inline
+      expandable,
+      inline
     }); // Events
 
     function preventSubmit(e) {
@@ -220,7 +204,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
     }
 
     function onInputChange() {
-      var value = sb.$inputEl.val().trim();
+      const value = sb.$inputEl.val().trim();
 
       if (sb.$searchContainer && sb.$searchContainer.length > 0 && (sb.params.searchIn || sb.isVirtualList || sb.params.searchIn === sb.params.searchItem) || sb.params.customSearch) {
         sb.search(value, true);
@@ -308,45 +292,43 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
     sb.useModules(); // Init
 
     sb.init();
-    return sb || _assertThisInitialized(_this);
+    return sb;
   }
 
-  var _proto = Searchbar.prototype;
-
-  _proto.clear = function clear(e) {
-    var sb = this;
+  clear(e) {
+    const sb = this;
 
     if (!sb.query && e && $(e.target).hasClass('searchbar-clear')) {
       sb.disable();
       return sb;
     }
 
-    var previousQuery = sb.value;
+    const previousQuery = sb.value;
     sb.$inputEl.val('').trigger('change').focus();
     sb.$el.trigger('searchbar:clear', previousQuery);
     sb.emit('local::clear searchbarClear', sb, previousQuery);
     return sb;
-  };
+  }
 
-  _proto.setDisableButtonMargin = function setDisableButtonMargin() {
-    var sb = this;
+  setDisableButtonMargin() {
+    const sb = this;
     if (sb.expandable) return;
-    var app = sb.app;
+    const app = sb.app;
     sb.$disableButtonEl.transition(0).show();
-    sb.$disableButtonEl.css("margin-" + (app.rtl ? 'left' : 'right'), -sb.disableButtonEl.offsetWidth + "px");
+    sb.$disableButtonEl.css(`margin-${app.rtl ? 'left' : 'right'}`, `${-sb.disableButtonEl.offsetWidth}px`);
     /* eslint no-underscore-dangle: ["error", { "allow": ["_clientLeft"] }] */
 
     sb._clientLeft = sb.$disableButtonEl[0].clientLeft;
     sb.$disableButtonEl.transition('');
     sb.disableButtonHasMargin = true;
-  };
+  }
 
-  _proto.enable = function enable(setFocus) {
-    var sb = this;
+  enable(setFocus) {
+    const sb = this;
     if (sb.enabled) return sb;
-    var app = sb.app;
-    var document = getDocument();
-    var device = getDevice();
+    const app = sb.app;
+    const document = getDocument();
+    const device = getDevice();
     sb.enabled = true;
 
     function enable() {
@@ -365,21 +347,21 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
           sb.setDisableButtonMargin();
         }
 
-        sb.$disableButtonEl.css("margin-" + (app.rtl ? 'left' : 'right'), '0px');
+        sb.$disableButtonEl.css(`margin-${app.rtl ? 'left' : 'right'}`, '0px');
       }
 
       if (sb.expandable) {
-        var $navbarEl = sb.$el.parents('.navbar');
+        const $navbarEl = sb.$el.parents('.navbar');
 
         if ($navbarEl.hasClass('navbar-large') && sb.$pageEl) {
-          var $pageContentEl = sb.$pageEl.find('.page-content');
-          var $titleLargeEl = $navbarEl.find('.title-large');
+          const $pageContentEl = sb.$pageEl.find('.page-content');
+          const $titleLargeEl = $navbarEl.find('.title-large');
           $pageContentEl.addClass('with-searchbar-expandable-enabled');
 
           if ($navbarEl.hasClass('navbar-large') && $navbarEl.hasClass('navbar-large-collapsed') && $titleLargeEl.length && $pageContentEl.length) {
             $pageContentEl.transition(0);
             $pageContentEl[0].scrollTop -= $titleLargeEl[0].offsetHeight;
-            setTimeout(function () {
+            setTimeout(() => {
               $pageContentEl.transition('');
             }, 200);
           }
@@ -401,7 +383,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       sb.emit('local::enable searchbarEnable', sb);
     }
 
-    var needsFocus = false;
+    let needsFocus = false;
 
     if (setFocus === true) {
       if (document.activeElement !== sb.inputEl) {
@@ -409,7 +391,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       }
     }
 
-    var isIos = device.ios && app.theme === 'ios';
+    const isIos = device.ios && app.theme === 'ios';
 
     if (isIos) {
       if (sb.expandable) {
@@ -419,7 +401,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
         if (needsFocus) sb.$inputEl.focus();
 
         if (setFocus && (setFocus.type === 'focus' || setFocus === true)) {
-          nextTick(function () {
+          nextTick(() => {
             enable();
           }, 400);
         } else {
@@ -437,33 +419,33 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
     }
 
     return sb;
-  };
+  }
 
-  _proto.disable = function disable() {
-    var sb = this;
+  disable() {
+    const sb = this;
     if (!sb.enabled) return sb;
-    var app = sb.app;
+    const app = sb.app;
     sb.$inputEl.val('').trigger('change');
     sb.$el.removeClass('searchbar-enabled searchbar-focused searchbar-enabled-no-disable-button');
 
     if (sb.expandable) {
-      var $navbarEl = sb.$el.parents('.navbar');
-      var $pageContentEl = sb.$pageEl && sb.$pageEl.find('.page-content');
+      const $navbarEl = sb.$el.parents('.navbar');
+      const $pageContentEl = sb.$pageEl && sb.$pageEl.find('.page-content');
 
       if ($navbarEl.hasClass('navbar-large') && $pageContentEl.length) {
-        var $titleLargeEl = $navbarEl.find('.title-large');
-        sb.$el.transitionEnd(function () {
+        const $titleLargeEl = $navbarEl.find('.title-large');
+        sb.$el.transitionEnd(() => {
           $pageContentEl.removeClass('with-searchbar-expandable-closing');
         });
 
         if ($navbarEl.hasClass('navbar-large') && $navbarEl.hasClass('navbar-large-collapsed') && $titleLargeEl.length) {
-          var scrollTop = $pageContentEl[0].scrollTop;
-          var titleLargeHeight = $titleLargeEl[0].offsetHeight;
+          const scrollTop = $pageContentEl[0].scrollTop;
+          const titleLargeHeight = $titleLargeEl[0].offsetHeight;
 
           if (scrollTop > titleLargeHeight) {
             $pageContentEl.transition(0);
             $pageContentEl[0].scrollTop = scrollTop + titleLargeHeight;
-            setTimeout(function () {
+            setTimeout(() => {
               $pageContentEl.transition('');
             }, 200);
           }
@@ -474,12 +456,12 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
 
       if (app.theme === 'md' && $navbarEl.length) {
         $navbarEl.removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition').addClass('with-searchbar-expandable-closing');
-        sb.$el.transitionEnd(function () {
+        sb.$el.transitionEnd(() => {
           $navbarEl.removeClass('with-searchbar-expandable-closing');
         });
       } else {
         $navbarEl.removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition').addClass('with-searchbar-expandable-closing');
-        sb.$el.transitionEnd(function () {
+        sb.$el.transitionEnd(() => {
           $navbarEl.removeClass('with-searchbar-expandable-closing');
         });
 
@@ -490,7 +472,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
     }
 
     if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme !== 'md') {
-      sb.$disableButtonEl.css("margin-" + (app.rtl ? 'left' : 'right'), -sb.disableButtonEl.offsetWidth + "px");
+      sb.$disableButtonEl.css(`margin-${app.rtl ? 'left' : 'right'}`, `${-sb.disableButtonEl.offsetWidth}px`);
     }
 
     if (sb.$backdropEl && (sb.$searchContainer && sb.$searchContainer.length || sb.params.customSearch)) {
@@ -503,36 +485,36 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
     sb.$el.trigger('searchbar:disable');
     sb.emit('local::disable searchbarDisable', sb);
     return sb;
-  };
+  }
 
-  _proto.toggle = function toggle() {
-    var sb = this;
+  toggle() {
+    const sb = this;
     if (sb.enabled) sb.disable();else sb.enable(true);
     return sb;
-  };
+  }
 
-  _proto.backdropShow = function backdropShow() {
-    var sb = this;
+  backdropShow() {
+    const sb = this;
 
     if (sb.$backdropEl) {
       sb.$backdropEl.addClass('searchbar-backdrop-in');
     }
 
     return sb;
-  };
+  }
 
-  _proto.backdropHide = function backdropHide() {
-    var sb = this;
+  backdropHide() {
+    const sb = this;
 
     if (sb.$backdropEl) {
       sb.$backdropEl.removeClass('searchbar-backdrop-in');
     }
 
     return sb;
-  };
+  }
 
-  _proto.search = function search(query, internal) {
-    var sb = this;
+  search(query, internal) {
+    const sb = this;
     sb.previousQuery = sb.query || '';
     if (query === sb.previousQuery) return sb;
 
@@ -547,12 +529,14 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
 
     sb.query = query;
     sb.value = query;
-    var $searchContainer = sb.$searchContainer,
-        $el = sb.$el,
-        $foundEl = sb.$foundEl,
-        $notFoundEl = sb.$notFoundEl,
-        $hideOnSearchEl = sb.$hideOnSearchEl,
-        isVirtualList = sb.isVirtualList; // Hide on search element
+    const {
+      $searchContainer,
+      $el,
+      $foundEl,
+      $notFoundEl,
+      $hideOnSearchEl,
+      isVirtualList
+    } = sb; // Hide on search element
 
     if (query.length > 0 && $hideOnSearchEl) {
       $hideOnSearchEl.addClass('hidden-by-searchbar');
@@ -571,15 +555,15 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
 
     if (sb.params.customSearch) {
       $el.trigger('searchbar:search', {
-        query: query,
+        query,
         previousQuery: sb.previousQuery
       });
       sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery);
       return sb;
     }
 
-    var foundItems = [];
-    var vlQuery;
+    let foundItems = [];
+    let vlQuery;
 
     if (isVirtualList) {
       sb.virtualList = $searchContainer[0].f7VirtualList;
@@ -589,7 +573,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
         if ($notFoundEl) $notFoundEl.hide();
         if ($foundEl) $foundEl.show();
         $el.trigger('searchbar:search', {
-          query: query,
+          query,
           previousQuery: sb.previousQuery
         });
         sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery);
@@ -601,36 +585,36 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       if (sb.virtualList.params.searchAll) {
         foundItems = sb.virtualList.params.searchAll(vlQuery, sb.virtualList.items) || [];
       } else if (sb.virtualList.params.searchByItem) {
-        for (var i = 0; i < sb.virtualList.items.length; i += 1) {
+        for (let i = 0; i < sb.virtualList.items.length; i += 1) {
           if (sb.virtualList.params.searchByItem(vlQuery, sb.virtualList.params.items[i], i)) {
             foundItems.push(i);
           }
         }
       }
     } else {
-      var values;
+      let values;
       if (sb.params.removeDiacritics) values = removeDiacritics(query.trim().toLowerCase()).split(' ');else {
         values = query.trim().toLowerCase().split(' ');
       }
-      $searchContainer.find(sb.params.searchItem).removeClass('hidden-by-searchbar').each(function (itemEl) {
-        var $itemEl = $(itemEl);
-        var compareWithText = [];
-        var $searchIn = sb.params.searchIn ? $itemEl.find(sb.params.searchIn) : $itemEl;
+      $searchContainer.find(sb.params.searchItem).removeClass('hidden-by-searchbar').each(itemEl => {
+        const $itemEl = $(itemEl);
+        let compareWithText = [];
+        let $searchIn = sb.params.searchIn ? $itemEl.find(sb.params.searchIn) : $itemEl;
 
         if (sb.params.searchIn === sb.params.searchItem) {
           $searchIn = $itemEl;
         }
 
-        $searchIn.each(function (searchInEl) {
-          var itemText = $(searchInEl).text().trim().toLowerCase();
+        $searchIn.each(searchInEl => {
+          let itemText = $(searchInEl).text().trim().toLowerCase();
           if (sb.params.removeDiacritics) itemText = removeDiacritics(itemText);
           compareWithText.push(itemText);
         });
         compareWithText = compareWithText.join(' ');
-        var wordsMatch = 0;
+        let wordsMatch = 0;
 
-        for (var _i = 0; _i < values.length; _i += 1) {
-          if (compareWithText.indexOf(values[_i]) >= 0) wordsMatch += 1;
+        for (let i = 0; i < values.length; i += 1) {
+          if (compareWithText.indexOf(values[i]) >= 0) wordsMatch += 1;
         }
 
         if (wordsMatch !== values.length && !(sb.params.ignore && $itemEl.is(sb.params.ignore))) {
@@ -641,13 +625,13 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
       });
 
       if (sb.params.hideDividers) {
-        $searchContainer.find(sb.params.searchGroupTitle).each(function (titleEl) {
-          var $titleEl = $(titleEl);
-          var $nextElements = $titleEl.nextAll(sb.params.searchItem);
-          var hide = true;
+        $searchContainer.find(sb.params.searchGroupTitle).each(titleEl => {
+          const $titleEl = $(titleEl);
+          const $nextElements = $titleEl.nextAll(sb.params.searchItem);
+          let hide = true;
 
-          for (var _i2 = 0; _i2 < $nextElements.length; _i2 += 1) {
-            var $nextEl = $nextElements.eq(_i2);
+          for (let i = 0; i < $nextElements.length; i += 1) {
+            const $nextEl = $nextElements.eq(i);
             if ($nextEl.is(sb.params.searchGroupTitle)) break;
 
             if (!$nextEl.hasClass('hidden-by-searchbar')) {
@@ -655,17 +639,17 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
             }
           }
 
-          var ignore = sb.params.ignore && $titleEl.is(sb.params.ignore);
+          const ignore = sb.params.ignore && $titleEl.is(sb.params.ignore);
           if (hide && !ignore) $titleEl.addClass('hidden-by-searchbar');else $titleEl.removeClass('hidden-by-searchbar');
         });
       }
 
       if (sb.params.hideGroups) {
-        $searchContainer.find(sb.params.searchGroup).each(function (groupEl) {
-          var $groupEl = $(groupEl);
-          var ignore = sb.params.ignore && $groupEl.is(sb.params.ignore); // eslint-disable-next-line
+        $searchContainer.find(sb.params.searchGroup).each(groupEl => {
+          const $groupEl = $(groupEl);
+          const ignore = sb.params.ignore && $groupEl.is(sb.params.ignore); // eslint-disable-next-line
 
-          var notHidden = $groupEl.find(sb.params.searchItem).filter(function (el) {
+          const notHidden = $groupEl.find(sb.params.searchItem).filter(el => {
             return !$(el).hasClass('hidden-by-searchbar');
           });
 
@@ -691,23 +675,23 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
     }
 
     $el.trigger('searchbar:search', {
-      query: query,
+      query,
       previousQuery: sb.previousQuery,
-      foundItems: foundItems
+      foundItems
     });
     sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery, foundItems);
     return sb;
-  };
+  }
 
-  _proto.init = function init() {
-    var sb = this;
+  init() {
+    const sb = this;
     if (sb.expandable && sb.$el) sb.$el.addClass('searchbar-expandable');
     if (sb.inline && sb.$el) sb.$el.addClass('searchbar-inline');
     sb.attachEvents();
-  };
+  }
 
-  _proto.destroy = function destroy() {
-    var sb = this;
+  destroy() {
+    const sb = this;
     sb.emit('local::beforeDestroy searchbarBeforeDestroy', sb);
     sb.$el.trigger('searchbar:beforedestroy');
     sb.detachEvents();
@@ -718,9 +702,8 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
     }
 
     deleteProps(sb);
-  };
+  }
 
-  return Searchbar;
-}(FrameworkClass);
+}
 
 export default Searchbar;