framework7 6.3.15 → 7.0.0-beta.11

package/cjs/components/searchbar/searchbar-class.js

@@ -1,739 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _ssrWindow = require("ssr-window");
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _class = _interopRequireDefault(require("../../shared/class"));
-
-var _getDevice = require("../../shared/get-device");
-
-var _removeDiacritics = _interopRequireDefault(require("./remove-diacritics"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-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 = {
-      el: undefined,
-      inputEl: undefined,
-      inputEvents: 'change input compositionend',
-      disableButton: true,
-      disableButtonEl: undefined,
-      backdropEl: undefined,
-      searchContainer: undefined,
-      // container to search, HTMLElement or CSS selector
-      searchItem: 'li',
-      // single item selector, CSS selector
-      searchIn: undefined,
-      // where to search in item, CSS selector
-      searchGroup: '.list-group',
-      searchGroupTitle: '.item-divider, .list-group-title',
-      ignore: '.searchbar-ignore',
-      foundEl: '.searchbar-found',
-      notFoundEl: '.searchbar-not-found',
-      hideOnEnableEl: '.searchbar-hide-on-enable',
-      hideOnSearchEl: '.searchbar-hide-on-search',
-      backdrop: undefined,
-      removeDiacritics: true,
-      customSearch: false,
-      hideDividers: true,
-      hideGroups: true,
-      disableOnBackdropClick: true,
-      expandable: false,
-      inline: false
-    }; // Extend defaults with modules params
-
-    sb.useModulesParams(defaults);
-    sb.params = (0, _utils.extend)(defaults, params);
-    var $el = (0, _dom.default)(sb.params.el);
-    if ($el.length === 0) return sb || _assertThisInitialized(_this);
-    if ($el[0].f7Searchbar) return $el[0].f7Searchbar || _assertThisInitialized(_this);
-    $el[0].f7Searchbar = sb;
-    var $pageEl;
-    var $navbarEl = $el.parents('.navbar');
-
-    if ($el.parents('.page').length > 0) {
-      $pageEl = $el.parents('.page');
-    } else if ($navbarEl.length > 0) {
-      $pageEl = (0, _dom.default)(app.navbar.getPageByEl($navbarEl[0]));
-
-      if (!$pageEl.length) {
-        var $currentPageEl = $el.parents('.view').find('.page-current');
-
-        if ($currentPageEl[0] && $currentPageEl[0].f7Page && $currentPageEl[0].f7Page.navbarEl === $navbarEl[0]) {
-          $pageEl = $currentPageEl;
-        }
-      }
-    }
-
-    var $foundEl;
-
-    if (params.foundEl) {
-      $foundEl = (0, _dom.default)(params.foundEl);
-    } else if (typeof sb.params.foundEl === 'string' && $pageEl) {
-      $foundEl = $pageEl.find(sb.params.foundEl);
-    }
-
-    var $notFoundEl;
-
-    if (params.notFoundEl) {
-      $notFoundEl = (0, _dom.default)(params.notFoundEl);
-    } else if (typeof sb.params.notFoundEl === 'string' && $pageEl) {
-      $notFoundEl = $pageEl.find(sb.params.notFoundEl);
-    }
-
-    var $hideOnEnableEl;
-
-    if (params.hideOnEnableEl) {
-      $hideOnEnableEl = (0, _dom.default)(params.hideOnEnableEl);
-    } else if (typeof sb.params.hideOnEnableEl === 'string' && $pageEl) {
-      $hideOnEnableEl = $pageEl.find(sb.params.hideOnEnableEl);
-    }
-
-    var $hideOnSearchEl;
-
-    if (params.hideOnSearchEl) {
-      $hideOnSearchEl = (0, _dom.default)(params.hideOnSearchEl);
-    } else if (typeof sb.params.hideOnSearchEl === 'string' && $pageEl) {
-      $hideOnSearchEl = $pageEl.find(sb.params.hideOnSearchEl);
-    }
-
-    var expandable = sb.params.expandable || $el.hasClass('searchbar-expandable');
-    var 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;
-
-    if (sb.params.backdrop) {
-      if (sb.params.backdropEl) {
-        $backdropEl = (0, _dom.default)(sb.params.backdropEl);
-      } else if ($pageEl && $pageEl.length > 0) {
-        $backdropEl = $pageEl.find('.searchbar-backdrop');
-      } else {
-        $backdropEl = $el.siblings('.searchbar-backdrop');
-      }
-
-      if ($backdropEl.length === 0) {
-        $backdropEl = (0, _dom.default)('<div class="searchbar-backdrop"></div>');
-
-        if ($pageEl && $pageEl.length) {
-          if ($el.parents($pageEl).length > 0 && $navbarEl && $el.parents($navbarEl).length === 0) {
-            $backdropEl.insertBefore($el);
-          } else {
-            $backdropEl.insertBefore($pageEl.find('.page-content').eq(0));
-          }
-        } else {
-          $backdropEl.insertBefore($el);
-        }
-      }
-    }
-
-    var $searchContainer;
-
-    if (sb.params.searchContainer) {
-      $searchContainer = (0, _dom.default)(sb.params.searchContainer);
-    }
-
-    var $inputEl;
-
-    if (sb.params.inputEl) {
-      $inputEl = (0, _dom.default)(sb.params.inputEl);
-    } else {
-      $inputEl = $el.find('input[type="search"]').eq(0);
-    }
-
-    var $disableButtonEl;
-
-    if (sb.params.disableButton) {
-      if (sb.params.disableButtonEl) {
-        $disableButtonEl = (0, _dom.default)(sb.params.disableButtonEl);
-      } else {
-        $disableButtonEl = $el.find('.searchbar-disable-button');
-      }
-    }
-
-    (0, _utils.extend)(sb, {
-      app: app,
-      view: app.views.get($el.parents('.view')),
-      $el: $el,
-      el: $el[0],
-      $backdropEl: $backdropEl,
-      backdropEl: $backdropEl && $backdropEl[0],
-      $searchContainer: $searchContainer,
-      searchContainer: $searchContainer && $searchContainer[0],
-      $inputEl: $inputEl,
-      inputEl: $inputEl[0],
-      $disableButtonEl: $disableButtonEl,
-      disableButtonEl: $disableButtonEl && $disableButtonEl[0],
-      disableButtonHasMargin: false,
-      $pageEl: $pageEl,
-      pageEl: $pageEl && $pageEl[0],
-      $navbarEl: $navbarEl,
-      navbarEl: $navbarEl && $navbarEl[0],
-      $foundEl: $foundEl,
-      foundEl: $foundEl && $foundEl[0],
-      $notFoundEl: $notFoundEl,
-      notFoundEl: $notFoundEl && $notFoundEl[0],
-      $hideOnEnableEl: $hideOnEnableEl,
-      hideOnEnableEl: $hideOnEnableEl && $hideOnEnableEl[0],
-      $hideOnSearchEl: $hideOnSearchEl,
-      hideOnSearchEl: $hideOnSearchEl && $hideOnSearchEl[0],
-      previousQuery: '',
-      query: '',
-      isVirtualList: $searchContainer && $searchContainer.hasClass('virtual-list'),
-      virtualList: undefined,
-      enabled: false,
-      expandable: expandable,
-      inline: inline
-    }); // Events
-
-    function preventSubmit(e) {
-      e.preventDefault();
-    }
-
-    function onInputFocus(e) {
-      sb.enable(e);
-      sb.$el.addClass('searchbar-focused');
-    }
-
-    function onInputBlur() {
-      sb.$el.removeClass('searchbar-focused');
-
-      if (app.theme === 'aurora' && (!$disableButtonEl || !$disableButtonEl.length || !sb.params.disableButton) && !sb.query) {
-        sb.disable();
-      }
-    }
-
-    function onInputChange() {
-      var 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);
-      }
-    }
-
-    function onInputClear(e, previousValue) {
-      sb.$el.trigger('searchbar:clear', previousValue);
-      sb.emit('local::clear searchbarClear', sb, previousValue);
-    }
-
-    function disableOnClick(e) {
-      sb.disable(e);
-    }
-
-    function onPageBeforeOut() {
-      if (!sb || sb && !sb.$el) return;
-
-      if (sb.enabled) {
-        sb.$el.removeClass('searchbar-enabled');
-
-        if (sb.expandable) {
-          sb.$el.parents('.navbar').removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition');
-        }
-      }
-    }
-
-    function onPageBeforeIn() {
-      if (!sb || sb && !sb.$el) return;
-
-      if (sb.enabled) {
-        sb.$el.addClass('searchbar-enabled');
-
-        if (sb.expandable) {
-          sb.$el.parents('.navbar').addClass('with-searchbar-expandable-enabled-no-transition');
-        }
-      }
-    }
-
-    sb.attachEvents = function attachEvents() {
-      $el.on('submit', preventSubmit);
-
-      if (sb.params.disableButton) {
-        sb.$disableButtonEl.on('click', disableOnClick);
-      }
-
-      if (sb.params.disableOnBackdropClick && sb.$backdropEl) {
-        sb.$backdropEl.on('click', disableOnClick);
-      }
-
-      if (sb.expandable && app.theme === 'ios' && sb.view && $navbarEl.length && sb.$pageEl) {
-        sb.$pageEl.on('page:beforeout', onPageBeforeOut);
-        sb.$pageEl.on('page:beforein', onPageBeforeIn);
-      }
-
-      sb.$inputEl.on('focus', onInputFocus);
-      sb.$inputEl.on('blur', onInputBlur);
-      sb.$inputEl.on(sb.params.inputEvents, onInputChange);
-      sb.$inputEl.on('input:clear', onInputClear);
-    };
-
-    sb.detachEvents = function detachEvents() {
-      $el.off('submit', preventSubmit);
-
-      if (sb.params.disableButton) {
-        sb.$disableButtonEl.off('click', disableOnClick);
-      }
-
-      if (sb.params.disableOnBackdropClick && sb.$backdropEl) {
-        sb.$backdropEl.off('click', disableOnClick);
-      }
-
-      if (sb.expandable && app.theme === 'ios' && sb.view && $navbarEl.length && sb.$pageEl) {
-        sb.$pageEl.off('page:beforeout', onPageBeforeOut);
-        sb.$pageEl.off('page:beforein', onPageBeforeIn);
-      }
-
-      sb.$inputEl.off('focus', onInputFocus);
-      sb.$inputEl.off('blur', onInputBlur);
-      sb.$inputEl.off(sb.params.inputEvents, onInputChange);
-      sb.$inputEl.off('input:clear', onInputClear);
-    }; // Install Modules
-
-
-    sb.useModules(); // Init
-
-    sb.init();
-    return sb || _assertThisInitialized(_this);
-  }
-
-  var _proto = Searchbar.prototype;
-
-  _proto.clear = function clear(e) {
-    var sb = this;
-
-    if (!sb.query && e && (0, _dom.default)(e.target).hasClass('searchbar-clear')) {
-      sb.disable();
-      return sb;
-    }
-
-    var 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;
-    if (sb.expandable) return;
-    var app = sb.app;
-    sb.$disableButtonEl.transition(0).show();
-    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;
-    if (sb.enabled) return sb;
-    var app = sb.app;
-    var document = (0, _ssrWindow.getDocument)();
-    var device = (0, _getDevice.getDevice)();
-    sb.enabled = true;
-
-    function enable() {
-      if (sb.$backdropEl && (sb.$searchContainer && sb.$searchContainer.length || sb.params.customSearch) && !sb.$el.hasClass('searchbar-enabled') && !sb.query) {
-        sb.backdropShow();
-      }
-
-      sb.$el.addClass('searchbar-enabled');
-
-      if (!sb.$disableButtonEl || sb.$disableButtonEl && sb.$disableButtonEl.length === 0) {
-        sb.$el.addClass('searchbar-enabled-no-disable-button');
-      }
-
-      if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme !== 'md') {
-        if (!sb.disableButtonHasMargin) {
-          sb.setDisableButtonMargin();
-        }
-
-        sb.$disableButtonEl.css("margin-" + (app.rtl ? 'left' : 'right'), '0px');
-      }
-
-      if (sb.expandable) {
-        var $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');
-          $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 () {
-              $pageContentEl.transition('');
-            }, 200);
-          }
-        }
-
-        if (app.theme === 'md' && $navbarEl.length) {
-          $navbarEl.addClass('with-searchbar-expandable-enabled');
-        } else {
-          $navbarEl.addClass('with-searchbar-expandable-enabled');
-
-          if ($navbarEl.hasClass('navbar-large')) {
-            $navbarEl.addClass('navbar-large-collapsed');
-          }
-        }
-      }
-
-      if (sb.$hideOnEnableEl) sb.$hideOnEnableEl.addClass('hidden-by-searchbar');
-      sb.$el.trigger('searchbar:enable');
-      sb.emit('local::enable searchbarEnable', sb);
-    }
-
-    var needsFocus = false;
-
-    if (setFocus === true) {
-      if (document.activeElement !== sb.inputEl) {
-        needsFocus = true;
-      }
-    }
-
-    var isIos = device.ios && app.theme === 'ios';
-
-    if (isIos) {
-      if (sb.expandable) {
-        if (needsFocus) sb.$inputEl.focus();
-        enable();
-      } else {
-        if (needsFocus) sb.$inputEl.focus();
-
-        if (setFocus && (setFocus.type === 'focus' || setFocus === true)) {
-          (0, _utils.nextTick)(function () {
-            enable();
-          }, 400);
-        } else {
-          enable();
-        }
-      }
-    } else {
-      if (needsFocus) sb.$inputEl.focus();
-
-      if (app.theme === 'md' && sb.expandable) {
-        sb.$el.parents('.page, .view, .navbar-inner, .navbar').scrollLeft(app.rtl ? 100 : 0);
-      }
-
-      enable();
-    }
-
-    return sb;
-  };
-
-  _proto.disable = function disable() {
-    var sb = this;
-    if (!sb.enabled) return sb;
-    var 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');
-
-      if ($navbarEl.hasClass('navbar-large') && $pageContentEl.length) {
-        var $titleLargeEl = $navbarEl.find('.title-large');
-        sb.$el.transitionEnd(function () {
-          $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;
-
-          if (scrollTop > titleLargeHeight) {
-            $pageContentEl.transition(0);
-            $pageContentEl[0].scrollTop = scrollTop + titleLargeHeight;
-            setTimeout(function () {
-              $pageContentEl.transition('');
-            }, 200);
-          }
-        }
-
-        $pageContentEl.removeClass('with-searchbar-expandable-enabled').addClass('with-searchbar-expandable-closing');
-      }
-
-      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 () {
-          $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 () {
-          $navbarEl.removeClass('with-searchbar-expandable-closing');
-        });
-
-        if (sb.$pageEl) {
-          sb.$pageEl.find('.page-content').trigger('scroll');
-        }
-      }
-    }
-
-    if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme !== 'md') {
-      sb.$disableButtonEl.css("margin-" + (app.rtl ? 'left' : 'right'), -sb.disableButtonEl.offsetWidth + "px");
-    }
-
-    if (sb.$backdropEl && (sb.$searchContainer && sb.$searchContainer.length || sb.params.customSearch)) {
-      sb.backdropHide();
-    }
-
-    sb.enabled = false;
-    sb.$inputEl.blur();
-    if (sb.$hideOnEnableEl) sb.$hideOnEnableEl.removeClass('hidden-by-searchbar');
-    sb.$el.trigger('searchbar:disable');
-    sb.emit('local::disable searchbarDisable', sb);
-    return sb;
-  };
-
-  _proto.toggle = function toggle() {
-    var sb = this;
-    if (sb.enabled) sb.disable();else sb.enable(true);
-    return sb;
-  };
-
-  _proto.backdropShow = function backdropShow() {
-    var sb = this;
-
-    if (sb.$backdropEl) {
-      sb.$backdropEl.addClass('searchbar-backdrop-in');
-    }
-
-    return sb;
-  };
-
-  _proto.backdropHide = function backdropHide() {
-    var sb = this;
-
-    if (sb.$backdropEl) {
-      sb.$backdropEl.removeClass('searchbar-backdrop-in');
-    }
-
-    return sb;
-  };
-
-  _proto.search = function search(query, internal) {
-    var sb = this;
-    sb.previousQuery = sb.query || '';
-    if (query === sb.previousQuery) return sb;
-
-    if (!internal) {
-      if (!sb.enabled) {
-        sb.enable();
-      }
-
-      sb.$inputEl.val(query);
-      sb.$inputEl.trigger('input');
-    }
-
-    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
-
-    if (query.length > 0 && $hideOnSearchEl) {
-      $hideOnSearchEl.addClass('hidden-by-searchbar');
-    } else if ($hideOnSearchEl) {
-      $hideOnSearchEl.removeClass('hidden-by-searchbar');
-    } // Add active/inactive classes on overlay
-
-
-    if ($searchContainer && $searchContainer.length && $el.hasClass('searchbar-enabled') || sb.params.customSearch && $el.hasClass('searchbar-enabled')) {
-      if (query.length === 0) {
-        sb.backdropShow();
-      } else {
-        sb.backdropHide();
-      }
-    }
-
-    if (sb.params.customSearch) {
-      $el.trigger('searchbar:search', {
-        query: query,
-        previousQuery: sb.previousQuery
-      });
-      sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery);
-      return sb;
-    }
-
-    var foundItems = [];
-    var vlQuery;
-
-    if (isVirtualList) {
-      sb.virtualList = $searchContainer[0].f7VirtualList;
-
-      if (query.trim() === '') {
-        sb.virtualList.resetFilter();
-        if ($notFoundEl) $notFoundEl.hide();
-        if ($foundEl) $foundEl.show();
-        $el.trigger('searchbar:search', {
-          query: query,
-          previousQuery: sb.previousQuery
-        });
-        sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery);
-        return sb;
-      }
-
-      vlQuery = sb.params.removeDiacritics ? (0, _removeDiacritics.default)(query) : query;
-
-      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) {
-          if (sb.virtualList.params.searchByItem(vlQuery, sb.virtualList.items[i], i)) {
-            foundItems.push(i);
-          }
-        }
-      }
-    } else {
-      var values;
-      if (sb.params.removeDiacritics) values = (0, _removeDiacritics.default)(query.trim().toLowerCase()).split(' ');else {
-        values = query.trim().toLowerCase().split(' ');
-      }
-      $searchContainer.find(sb.params.searchItem).removeClass('hidden-by-searchbar').each(function (itemEl) {
-        var $itemEl = (0, _dom.default)(itemEl);
-        var compareWithText = [];
-        var $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 = (0, _dom.default)(searchInEl).text().trim().toLowerCase();
-          if (sb.params.removeDiacritics) itemText = (0, _removeDiacritics.default)(itemText);
-          compareWithText.push(itemText);
-        });
-        compareWithText = compareWithText.join(' ');
-        var wordsMatch = 0;
-
-        for (var _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))) {
-          $itemEl.addClass('hidden-by-searchbar');
-        } else {
-          foundItems.push($itemEl[0]);
-        }
-      });
-
-      if (sb.params.hideDividers) {
-        $searchContainer.find(sb.params.searchGroupTitle).each(function (titleEl) {
-          var $titleEl = (0, _dom.default)(titleEl);
-          var $nextElements = $titleEl.nextAll(sb.params.searchItem);
-          var hide = true;
-
-          for (var _i2 = 0; _i2 < $nextElements.length; _i2 += 1) {
-            var $nextEl = $nextElements.eq(_i2);
-            if ($nextEl.is(sb.params.searchGroupTitle)) break;
-
-            if (!$nextEl.hasClass('hidden-by-searchbar')) {
-              hide = false;
-            }
-          }
-
-          var 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 = (0, _dom.default)(groupEl);
-          var ignore = sb.params.ignore && $groupEl.is(sb.params.ignore); // eslint-disable-next-line
-
-          var notHidden = $groupEl.find(sb.params.searchItem).filter(function (el) {
-            return !(0, _dom.default)(el).hasClass('hidden-by-searchbar');
-          });
-
-          if (notHidden.length === 0 && !ignore) {
-            $groupEl.addClass('hidden-by-searchbar');
-          } else {
-            $groupEl.removeClass('hidden-by-searchbar');
-          }
-        });
-      }
-    }
-
-    if (foundItems.length === 0) {
-      if ($notFoundEl) $notFoundEl.show();
-      if ($foundEl) $foundEl.hide();
-    } else {
-      if ($notFoundEl) $notFoundEl.hide();
-      if ($foundEl) $foundEl.show();
-    }
-
-    if (isVirtualList && sb.virtualList) {
-      sb.virtualList.filterItems(foundItems);
-    }
-
-    $el.trigger('searchbar:search', {
-      query: query,
-      previousQuery: sb.previousQuery,
-      foundItems: foundItems
-    });
-    sb.emit('local::search searchbarSearch', sb, query, sb.previousQuery, foundItems);
-    return sb;
-  };
-
-  _proto.init = function init() {
-    var 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;
-    sb.emit('local::beforeDestroy searchbarBeforeDestroy', sb);
-    sb.$el.trigger('searchbar:beforedestroy');
-    sb.detachEvents();
-
-    if (sb.$el[0]) {
-      sb.$el[0].f7Searchbar = null;
-      delete sb.$el[0].f7Searchbar;
-    }
-
-    (0, _utils.deleteProps)(sb);
-  };
-
-  return Searchbar;
-}(_class.default);
-
-var _default = Searchbar;
-exports.default = _default;