framework7 7.0.9 → 8.0.0-beta.1

package/components/autocomplete/autocomplete-class.js

@@ -1,18 +1,15 @@
 /* eslint "no-useless-escape": "off" */
 import $ from '../../shared/dom7.js';
-import { extend, id, nextTick, deleteProps, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils.js';
+import { extend, id, nextTick, deleteProps, iosPreloaderContent, mdPreloaderContent } from '../../shared/utils.js';
 import { getDevice } from '../../shared/get-device.js';
 import Framework7Class from '../../shared/class.js';
 /** @jsx $jsx */
-
 import $jsx from '../../shared/$jsx.js';
-
 class Autocomplete extends Framework7Class {
   constructor(app, params) {
     if (params === void 0) {
       params = {};
     }
-
     super(params, [app]);
     const ac = this;
     ac.app = app;
@@ -21,36 +18,26 @@ class Autocomplete extends Framework7Class {
       on: {}
     }, app.params.autocomplete);
 
-    if (typeof defaults.searchbarDisableButton === 'undefined') {
-      defaults.searchbarDisableButton = app.theme !== 'aurora';
-    } // Extend defaults with modules params
-
-
+    // Extend defaults with modules params
     ac.useModulesParams(defaults);
     ac.params = extend(defaults, params);
     let $openerEl;
-
     if (ac.params.openerEl) {
       $openerEl = $(ac.params.openerEl);
       if ($openerEl.length) $openerEl[0].f7Autocomplete = ac;
     }
-
     let $inputEl;
-
     if (ac.params.inputEl) {
       $inputEl = $(ac.params.inputEl);
       if ($inputEl.length) $inputEl[0].f7Autocomplete = ac;
     }
-
     const uniqueId = id();
     let url = params.url;
-
     if (!url && $openerEl && $openerEl.length) {
       if ($openerEl.attr('href')) url = $openerEl.attr('href');else if ($openerEl.find('a').length > 0) {
         url = $openerEl.find('a').attr('href');
       }
     }
-
     if (!url || url === '#' || url === '') url = ac.params.url;
     const inputType = ac.params.multiple ? 'checkbox' : 'radio';
     extend(ac, {
@@ -67,7 +54,6 @@ class Autocomplete extends Framework7Class {
       $dropdownEl: undefined
     });
     let previousQuery = '';
-
     function onInputChange() {
       let query = ac.$inputEl.val().trim();
       if (!ac.params.source) return;
@@ -76,73 +62,58 @@ class Autocomplete extends Framework7Class {
         const limit = ac.params.limit ? Math.min(ac.params.limit, items.length) : items.length;
         ac.items = items;
         let regExp;
-
         if (ac.params.highlightMatches) {
           query = query.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
           regExp = new RegExp(`(${query})`, 'i');
         }
-
         let firstValue;
         let firstItem;
-
         for (let i = 0; i < limit; i += 1) {
           const itemValue = typeof items[i] === 'object' ? items[i][ac.params.valueProperty] : items[i];
           const itemText = typeof items[i] === 'object' ? items[i][ac.params.textProperty] : items[i];
-
           if (i === 0) {
             firstValue = itemValue;
             firstItem = ac.items[i];
           }
-
           itemsHTML += ac.renderItem({
             value: itemValue,
             text: ac.params.highlightMatches ? itemText.replace(regExp, '<b>$1</b>') : itemText
           }, i);
         }
-
         if (itemsHTML === '' && query === '' && ac.params.dropdownPlaceholderText) {
           itemsHTML += ac.renderItem({
             placeholder: true,
             text: ac.params.dropdownPlaceholderText
           });
         }
-
         ac.$dropdownEl.find('ul').html(itemsHTML);
-
         if (ac.params.typeahead) {
           if (!firstValue || !firstItem) {
             return;
           }
-
           if (firstValue.toLowerCase().indexOf(query.toLowerCase()) !== 0) {
             return;
           }
-
           if (previousQuery.toLowerCase() === query.toLowerCase()) {
             ac.value = [];
             return;
           }
-
           if (previousQuery.toLowerCase().indexOf(query.toLowerCase()) === 0) {
             previousQuery = query;
             ac.value = [];
             return;
           }
-
           $inputEl.val(firstValue);
           $inputEl[0].setSelectionRange(query.length, firstValue.length);
           const previousValue = typeof ac.value[0] === 'object' ? ac.value[0][ac.params.valueProperty] : ac.value[0];
-
           if (!previousValue || firstValue.toLowerCase() !== previousValue.toLowerCase()) {
             ac.value = [firstItem];
             ac.emit('local::change autocompleteChange', [firstItem]);
           }
         }
-
         previousQuery = query;
       });
     }
-
     function onPageInputChange() {
       const inputEl = this;
       const value = inputEl.value;
@@ -150,30 +121,25 @@ class Autocomplete extends Framework7Class {
       let item;
       let itemValue;
       let aValue;
-
       if (isValues) {
         if (ac.inputType === 'checkbox' && !inputEl.checked) {
           for (let i = 0; i < ac.value.length; i += 1) {
             aValue = typeof ac.value[i] === 'string' ? ac.value[i] : ac.value[i][ac.params.valueProperty];
-
             if (aValue === value || aValue * 1 === value * 1) {
               ac.value.splice(i, 1);
             }
           }
-
           ac.updateValues();
           ac.emit('local::change autocompleteChange', ac.value);
         }
-
         return;
-      } // Find Related Item
-
+      }
 
+      // Find Related Item
       for (let i = 0; i < ac.items.length; i += 1) {
         itemValue = typeof ac.items[i] === 'object' ? ac.items[i][ac.params.valueProperty] : ac.items[i];
         if (itemValue === value || itemValue * 1 === value * 1) item = ac.items[i];
       }
-
       if (ac.inputType === 'radio') {
         ac.value = [item];
       } else if (inputEl.checked) {
@@ -181,169 +147,137 @@ class Autocomplete extends Framework7Class {
       } else {
         for (let i = 0; i < ac.value.length; i += 1) {
           aValue = typeof ac.value[i] === 'object' ? ac.value[i][ac.params.valueProperty] : ac.value[i];
-
           if (aValue === value || aValue * 1 === value * 1) {
             ac.value.splice(i, 1);
           }
         }
-      } // Update Values Block
-
+      }
 
-      ac.updateValues(); // On Select Callback
+      // Update Values Block
+      ac.updateValues();
 
+      // On Select Callback
       if (ac.inputType === 'radio' && inputEl.checked || ac.inputType === 'checkbox') {
         ac.emit('local::change autocompleteChange', ac.value);
       }
     }
-
     function onHtmlClick(e) {
       const $targetEl = $(e.target);
       if ($targetEl.is(ac.$inputEl[0]) || ac.$dropdownEl && $targetEl.closest(ac.$dropdownEl[0]).length) return;
       ac.close();
     }
-
     function onOpenerClick() {
       ac.open();
     }
-
     function onInputFocus() {
       ac.open();
     }
-
     function onInputBlur() {
       if (ac.$dropdownEl.find('label.active-state').length > 0) return;
       setTimeout(() => {
         ac.close();
       }, 0);
     }
-
     function onResize() {
       ac.positionDropdown();
     }
-
     function onKeyDown(e) {
       if (!ac.opened) return;
-
       if (e.keyCode === 27) {
         // ESC
         e.preventDefault();
         ac.$inputEl.blur();
         return;
       }
-
       if (e.keyCode === 13) {
         // Enter
         const $selectedItemLabel = ac.$dropdownEl.find('.autocomplete-dropdown-selected label');
-
         if ($selectedItemLabel.length) {
           e.preventDefault();
           $selectedItemLabel.trigger('click');
           ac.$inputEl.blur();
           return;
         }
-
         if (ac.params.typeahead) {
           e.preventDefault();
           ac.$inputEl.blur();
         }
-
         return;
       }
-
       if (e.keyCode !== 40 && e.keyCode !== 38) return;
       e.preventDefault();
       const $selectedItem = ac.$dropdownEl.find('.autocomplete-dropdown-selected');
       let $newItem;
-
       if ($selectedItem.length) {
         $newItem = $selectedItem[e.keyCode === 40 ? 'next' : 'prev']('li');
-
         if (!$newItem.length) {
           $newItem = ac.$dropdownEl.find('li').eq(e.keyCode === 40 ? 0 : ac.$dropdownEl.find('li').length - 1);
         }
       } else {
         $newItem = ac.$dropdownEl.find('li').eq(e.keyCode === 40 ? 0 : ac.$dropdownEl.find('li').length - 1);
       }
-
       if ($newItem.hasClass('autocomplete-dropdown-placeholder')) return;
       $selectedItem.removeClass('autocomplete-dropdown-selected');
       $newItem.addClass('autocomplete-dropdown-selected');
     }
-
     function onDropdownClick() {
       const $clickedEl = $(this);
       let clickedItem;
-
       for (let i = 0; i < ac.items.length; i += 1) {
         const itemValue = typeof ac.items[i] === 'object' ? ac.items[i][ac.params.valueProperty] : ac.items[i];
         const value = $clickedEl.attr('data-value');
-
         if (itemValue === value || itemValue * 1 === value * 1) {
           clickedItem = ac.items[i];
         }
       }
-
       if (ac.params.updateInputValueOnSelect) {
         ac.$inputEl.val(typeof clickedItem === 'object' ? clickedItem[ac.params.valueProperty] : clickedItem);
         ac.$inputEl.trigger('input change');
       }
-
       ac.value = [clickedItem];
       ac.emit('local::change autocompleteChange', [clickedItem]);
       ac.close();
     }
-
     ac.attachEvents = function attachEvents() {
       if (ac.params.openIn !== 'dropdown' && ac.$openerEl) {
         ac.$openerEl.on('click', onOpenerClick);
       }
-
       if (ac.params.openIn === 'dropdown' && ac.$inputEl) {
         ac.$inputEl.on('focus', onInputFocus);
         ac.$inputEl.on(ac.params.inputEvents, onInputChange);
-
         if (device.android) {
           $('html').on('click', onHtmlClick);
         } else {
           ac.$inputEl.on('blur', onInputBlur);
         }
-
         ac.$inputEl.on('keydown', onKeyDown);
       }
     };
-
     ac.detachEvents = function attachEvents() {
       if (ac.params.openIn !== 'dropdown' && ac.$openerEl) {
         ac.$openerEl.off('click', onOpenerClick);
       }
-
       if (ac.params.openIn === 'dropdown' && ac.$inputEl) {
         ac.$inputEl.off('focus', onInputFocus);
         ac.$inputEl.off(ac.params.inputEvents, onInputChange);
-
         if (device.android) {
           $('html').off('click', onHtmlClick);
         } else {
           ac.$inputEl.off('blur', onInputBlur);
         }
-
         ac.$inputEl.off('keydown', onKeyDown);
       }
     };
-
     ac.attachDropdownEvents = function attachDropdownEvents() {
       ac.$dropdownEl.on('click', 'label', onDropdownClick);
       app.on('resize', onResize);
     };
-
     ac.detachDropdownEvents = function detachDropdownEvents() {
       ac.$dropdownEl.off('click', 'label', onDropdownClick);
       app.off('resize', onResize);
     };
-
     ac.attachPageEvents = function attachPageEvents() {
       ac.$el.on('change', 'input[type="radio"], input[type="checkbox"]', onPageInputChange);
-
       if (ac.params.closeOnSelect && !ac.params.multiple) {
         ac.$el.once('click', '.list label', () => {
           nextTick(() => {
@@ -352,18 +286,17 @@ class Autocomplete extends Framework7Class {
         });
       }
     };
-
     ac.detachPageEvents = function detachPageEvents() {
       ac.$el.off('change', 'input[type="radio"], input[type="checkbox"]', onPageInputChange);
-    }; // Install Modules
-
+    };
 
-    ac.useModules(); // Init
+    // Install Modules
+    ac.useModules();
 
+    // Init
     ac.init();
     return ac;
   }
-
   get view() {
     const ac = this;
     const {
@@ -372,18 +305,15 @@ class Autocomplete extends Framework7Class {
       app
     } = ac;
     let view;
-
     if (ac.params.view) {
       view = ac.params.view;
     } else if ($openerEl || $inputEl) {
       const $el = $openerEl || $inputEl;
       view = $el.closest('.view').length && $el.closest('.view')[0].f7View;
     }
-
     if (!view) view = app.views.main;
     return view;
   }
-
   positionDropdown() {
     const ac = this;
     const {
@@ -411,11 +341,9 @@ class Autocomplete extends Framework7Class {
     const maxHeight = $pageContentEl[0].scrollHeight - paddingBottom - (inputOffsetTop + $pageContentEl[0].scrollTop) - $inputEl[0].offsetHeight;
     const paddingProp = app.rtl ? 'padding-right' : 'padding-left';
     let paddingValue;
-
-    if ($listEl.length && !ac.params.expandInput) {
+    if ($listEl.length) {
       paddingValue = (app.rtl ? $listEl[0].offsetWidth - inputOffsetLeft - inputOffsetWidth : inputOffsetLeft) - (app.theme === 'md' ? 16 : 15);
     }
-
     $dropdownEl.css({
       left: `${$listEl.length > 0 ? listOffsetLeft : inputOffsetLeft}px`,
       top: `${inputOffsetTop + $pageContentEl[0].scrollTop + inputOffsetHeight}px`,
@@ -423,15 +351,13 @@ class Autocomplete extends Framework7Class {
     });
     $dropdownEl.children('.autocomplete-dropdown-inner').css({
       maxHeight: `${maxHeight}px`,
-      [paddingProp]: $listEl.length > 0 && !ac.params.expandInput ? `${paddingValue}px` : ''
+      [paddingProp]: $listEl.length > 0 ? `${paddingValue}px` : ''
     });
   }
-
   focus() {
     const ac = this;
     ac.$el.find('input[type=search]').focus();
   }
-
   source(query) {
     const ac = this;
     if (!ac.params.source) return;
@@ -442,16 +368,13 @@ class Autocomplete extends Framework7Class {
       let itemsHTML = '';
       const limit = ac.params.limit ? Math.min(ac.params.limit, items.length) : items.length;
       ac.items = items;
-
       for (let i = 0; i < limit; i += 1) {
         let selected = false;
         const itemValue = typeof items[i] === 'object' ? items[i][ac.params.valueProperty] : items[i];
-
         for (let j = 0; j < ac.value.length; j += 1) {
           const aValue = typeof ac.value[j] === 'object' ? ac.value[j][ac.params.valueProperty] : ac.value[j];
           if (aValue === itemValue || aValue * 1 === itemValue * 1) selected = true;
         }
-
         itemsHTML += ac.renderItem({
           value: itemValue,
           text: typeof items[i] === 'object' ? items[i][ac.params.textProperty] : items[i],
@@ -461,9 +384,7 @@ class Autocomplete extends Framework7Class {
           selected
         }, i);
       }
-
       $el.find('.autocomplete-found ul').html(itemsHTML);
-
       if (items.length === 0) {
         if (query.length !== 0) {
           $el.find('.autocomplete-not-found').show();
@@ -478,11 +399,9 @@ class Autocomplete extends Framework7Class {
       }
     });
   }
-
   updateValues() {
     const ac = this;
     let valuesHTML = '';
-
     for (let i = 0; i < ac.value.length; i += 1) {
       valuesHTML += ac.renderItem({
         value: typeof ac.value[i] === 'object' ? ac.value[i][ac.params.valueProperty] : ac.value[i],
@@ -493,42 +412,34 @@ class Autocomplete extends Framework7Class {
         selected: true
       }, i);
     }
-
     ac.$el.find('.autocomplete-values ul').html(valuesHTML);
   }
-
   preloaderHide() {
     const ac = this;
-
     if (ac.params.openIn === 'dropdown' && ac.$dropdownEl) {
       ac.$dropdownEl.find('.autocomplete-preloader').removeClass('autocomplete-preloader-visible');
     } else {
       $('.autocomplete-preloader').removeClass('autocomplete-preloader-visible');
     }
   }
-
   preloaderShow() {
     const ac = this;
-
     if (ac.params.openIn === 'dropdown' && ac.$dropdownEl) {
       ac.$dropdownEl.find('.autocomplete-preloader').addClass('autocomplete-preloader-visible');
     } else {
       $('.autocomplete-preloader').addClass('autocomplete-preloader-visible');
     }
   }
-
   renderPreloader() {
     const ac = this;
     const preloaders = {
       iosPreloaderContent,
-      mdPreloaderContent,
-      auroraPreloaderContent
+      mdPreloaderContent
     };
     return $jsx("div", {
       class: `autocomplete-preloader preloader ${ac.params.preloaderColor ? `color-${ac.params.preloaderColor}` : ''}`
     }, preloaders[`${ac.app.theme}PreloaderContent`] || '');
   }
-
   renderSearchbar() {
     const ac = this;
     if (ac.params.renderSearchbar) return ac.params.renderSearchbar.call(ac);
@@ -550,12 +461,10 @@ class Autocomplete extends Framework7Class {
       class: "searchbar-disable-button"
     }, ac.params.searchbarDisableText)));
   }
-
   renderItem(item, index) {
     const ac = this;
     if (ac.params.renderItem) return ac.params.renderItem.call(ac, item, index);
     const itemValue = item.value && typeof item.value === 'string' ? item.value.replace(/"/g, '&quot;') : item.value;
-
     if (ac.params.openIn !== 'dropdown') {
       return $jsx("li", null, $jsx("label", {
         class: `item-${item.inputType} item-content`
@@ -571,9 +480,8 @@ class Autocomplete extends Framework7Class {
       }, $jsx("div", {
         class: "item-title"
       }, item.text))));
-    } // Dropdown
-
-
+    }
+    // Dropdown
     if (!item.placeholder) {
       return $jsx("li", null, $jsx("label", {
         class: "item-radio item-content",
@@ -583,9 +491,9 @@ class Autocomplete extends Framework7Class {
       }, $jsx("div", {
         class: "item-title"
       }, item.text))));
-    } // Dropwdown placeholder
-
+    }
 
+    // Dropwdown placeholder
     return $jsx("li", {
       class: "autocomplete-dropdown-placeholder"
     }, $jsx("label", {
@@ -596,18 +504,16 @@ class Autocomplete extends Framework7Class {
       class: "item-title"
     }, item.text))));
   }
-
   renderNavbar() {
     const ac = this;
     if (ac.params.renderNavbar) return ac.params.renderNavbar.call(ac);
     let pageTitle = ac.params.pageTitle;
-
     if (typeof pageTitle === 'undefined' && ac.$openerEl && ac.$openerEl.length) {
       pageTitle = ac.$openerEl.find('.item-title').text().trim();
     }
+    const inPopup = ac.params.openIn === 'popup';
 
-    const inPopup = ac.params.openIn === 'popup'; // eslint-disable-next-line
-
+    // eslint-disable-next-line
     const navbarLeft = inPopup ? ac.params.preloader && $jsx("div", {
       class: "left"
     }, ac.renderPreloader()) : $jsx("div", {
@@ -639,7 +545,6 @@ class Autocomplete extends Framework7Class {
       class: "subnavbar sliding"
     }, ac.renderSearchbar())));
   }
-
   renderDropdown() {
     const ac = this;
     if (ac.params.renderDropdown) return ac.params.renderDropdown.call(ac, ac.items);
@@ -648,10 +553,9 @@ class Autocomplete extends Framework7Class {
     }, $jsx("div", {
       class: "autocomplete-dropdown-inner"
     }, $jsx("div", {
-      class: `list ${!ac.params.expandInput ? 'no-safe-areas' : ''}`
+      class: `list no-safe-areas`
     }, $jsx("ul", null))), ac.params.preloader && ac.renderPreloader());
   }
-
   renderPage(inPopup) {
     const ac = this;
     if (ac.params.renderPage) return ac.params.renderPage.call(ac, ac.items);
@@ -676,7 +580,6 @@ class Autocomplete extends Framework7Class {
       class: "list autocomplete-values"
     }, $jsx("ul", null))));
   }
-
   renderPopup() {
     const ac = this;
     if (ac.params.renderPopup) return ac.params.renderPopup.call(ac, ac.items);
@@ -686,7 +589,6 @@ class Autocomplete extends Framework7Class {
       class: "view"
     }, ac.renderPage(true), ";"));
   }
-
   onOpen(type, el) {
     const ac = this;
     const app = ac.app;
@@ -695,7 +597,6 @@ class Autocomplete extends Framework7Class {
     ac.el = $el[0];
     ac.openedIn = type;
     ac.opened = true;
-
     if (ac.params.openIn === 'dropdown') {
       ac.attachDropdownEvents();
       ac.$dropdownEl.addClass('autocomplete-dropdown-in');
@@ -703,11 +604,9 @@ class Autocomplete extends Framework7Class {
     } else {
       // Init SB
       let $searchbarEl = $el.find('.searchbar');
-
       if (ac.params.openIn === 'page' && app.theme === 'ios' && $searchbarEl.length === 0) {
         $searchbarEl = $(app.navbar.getElByPage($el)).find('.searchbar');
       }
-
       ac.searchbar = app.searchbar.create({
         el: $searchbarEl,
         backdropEl: $el.find('.searchbar-backdrop'),
@@ -719,64 +618,54 @@ class Autocomplete extends Framework7Class {
             } else {
               ac.searchbar.backdropHide();
             }
-
             ac.source(query);
           }
-
         }
-      }); // Attach page events
+      });
 
-      ac.attachPageEvents(); // Update Values On Page Init
+      // Attach page events
+      ac.attachPageEvents();
 
-      ac.updateValues(); // Source on load
+      // Update Values On Page Init
+      ac.updateValues();
 
+      // Source on load
       if (ac.params.requestSourceOnOpen) ac.source('');
     }
-
     ac.emit('local::open autocompleteOpen', ac);
   }
-
   autoFocus() {
     const ac = this;
-
     if (ac.searchbar && ac.searchbar.$inputEl) {
       ac.searchbar.$inputEl.focus();
     }
-
     return ac;
   }
-
   onOpened() {
     const ac = this;
-
     if (ac.params.openIn !== 'dropdown' && ac.params.autoFocus) {
       ac.autoFocus();
     }
-
     ac.emit('local::opened autocompleteOpened', ac);
   }
-
   onClose() {
     const ac = this;
-    if (ac.destroyed) return; // Destroy SB
+    if (ac.destroyed) return;
 
+    // Destroy SB
     if (ac.searchbar && ac.searchbar.destroy) {
       ac.searchbar.destroy();
       ac.searchbar = null;
       delete ac.searchbar;
     }
-
     if (ac.params.openIn === 'dropdown') {
       ac.detachDropdownEvents();
       ac.$dropdownEl.removeClass('autocomplete-dropdown-in').remove();
-      ac.$inputEl.parents('.item-content-dropdown-expanded').removeClass('item-content-dropdown-expanded');
     } else {
       ac.detachPageEvents();
     }
-
     ac.emit('local::close autocompleteClose', ac);
   }
-
   onClosed() {
     const ac = this;
     if (ac.destroyed) return;
@@ -787,7 +676,6 @@ class Autocomplete extends Framework7Class {
     delete ac.el;
     ac.emit('local::closed autocompleteClosed', ac);
   }
-
   openPage() {
     const ac = this;
     if (ac.opened) return ac;
@@ -801,19 +689,15 @@ class Autocomplete extends Framework7Class {
           pageBeforeIn(e, page) {
             ac.onOpen('page', page.el);
           },
-
           pageAfterIn(e, page) {
             ac.onOpened('page', page.el);
           },
-
           pageBeforeOut(e, page) {
             ac.onClose('page', page.el);
           },
-
           pageAfterOut(e, page) {
             ac.onClosed('page', page.el);
           }
-
         },
         options: {
           animate: ac.params.animate
@@ -822,7 +706,6 @@ class Autocomplete extends Framework7Class {
     });
     return ac;
   }
-
   openPopup() {
     const ac = this;
     if (ac.opened) return ac;
@@ -836,22 +719,17 @@ class Autocomplete extends Framework7Class {
         popupOpen(popup) {
           ac.onOpen('popup', popup.el);
         },
-
         popupOpened(popup) {
           ac.onOpened('popup', popup.el);
         },
-
         popupClose(popup) {
           ac.onClose('popup', popup.el);
         },
-
         popupClosed(popup) {
           ac.onClosed('popup', popup.el);
         }
-
       }
     };
-
     if (ac.params.routableModals && ac.view) {
       ac.view.router.navigate({
         url: ac.url,
@@ -863,25 +741,14 @@ class Autocomplete extends Framework7Class {
     } else {
       ac.modal = ac.app.popup.create(popupParams).open(ac.params.animate);
     }
-
     return ac;
   }
-
   openDropdown() {
     const ac = this;
-
     if (!ac.$dropdownEl) {
       ac.$dropdownEl = $(ac.renderDropdown());
     }
-
-    const $listEl = ac.$inputEl.parents('.list');
-
-    if ($listEl.length && ac.$inputEl.parents('.item-content').length > 0 && ac.params.expandInput) {
-      ac.$inputEl.parents('.item-content').addClass('item-content-dropdown-expanded');
-    }
-
     const $pageContentEl = ac.$inputEl.parents('.page-content');
-
     if (ac.params.dropdownContainerEl) {
       $(ac.params.dropdownContainerEl).append(ac.$dropdownEl);
     } else if ($pageContentEl.length === 0) {
@@ -890,11 +757,9 @@ class Autocomplete extends Framework7Class {
       ac.positionDropdown();
       $pageContentEl.append(ac.$dropdownEl);
     }
-
     ac.onOpen('dropdown', ac.$dropdownEl);
     ac.onOpened('dropdown', ac.$dropdownEl);
   }
-
   open() {
     const ac = this;
     if (ac.opened) return ac;
@@ -905,11 +770,9 @@ class Autocomplete extends Framework7Class {
     }).join('')}`]();
     return ac;
   }
-
   close() {
     const ac = this;
     if (!ac.opened) return ac;
-
     if (ac.params.openIn === 'dropdown') {
       ac.onClose();
       ac.onClosed();
@@ -927,32 +790,24 @@ class Autocomplete extends Framework7Class {
       });
       ac.modal.close();
     }
-
     return ac;
   }
-
   init() {
     const ac = this;
     ac.attachEvents();
   }
-
   destroy() {
     const ac = this;
     ac.emit('local::beforeDestroy autocompleteBeforeDestroy', ac);
     ac.detachEvents();
-
     if (ac.$inputEl && ac.$inputEl[0]) {
       delete ac.$inputEl[0].f7Autocomplete;
     }
-
     if (ac.$openerEl && ac.$openerEl[0]) {
       delete ac.$openerEl[0].f7Autocomplete;
     }
-
     deleteProps(ac);
     ac.destroyed = true;
   }
-
 }
-
 export default Autocomplete;