framework7 7.1.5 → 8.0.0-beta.2

package/components/smart-select/smart-select-class.js

@@ -2,27 +2,21 @@ import $ from '../../shared/dom7.js';
 import { extend, deleteProps, id, nextTick } from '../../shared/utils.js';
 import Framework7Class from '../../shared/class.js';
 import removeDiacritics from '../searchbar/remove-diacritics.js';
-/** @jsx $jsx */
 
+/** @jsx $jsx */
 import $jsx from '../../shared/$jsx.js';
-
 class SmartSelect extends Framework7Class {
   constructor(app, params) {
     if (params === void 0) {
       params = {};
     }
-
     super(params, [app]);
     const ss = this;
     const defaults = extend({
       on: {}
     }, app.params.smartSelect);
 
-    if (typeof defaults.searchbarDisableButton === 'undefined') {
-      defaults.searchbarDisableButton = app.theme !== 'aurora';
-    } // Extend defaults with modules params
-
-
+    // Extend defaults with modules params
     ss.useModulesParams(defaults);
     ss.params = extend({}, defaults, params);
     ss.app = app;
@@ -32,27 +26,22 @@ class SmartSelect extends Framework7Class {
     const $selectEl = $el.find('select').eq(0);
     if ($selectEl.length === 0) return ss;
     let $valueEl;
-
     if (ss.params.setValueText) {
       $valueEl = $(ss.params.valueEl);
-
       if ($valueEl.length === 0) {
         $valueEl = $el.find('.item-after');
       }
-
       if ($valueEl.length === 0) {
         $valueEl = $('<div class="item-after"></div>');
         $valueEl.insertAfter($el.find('.item-title'));
       }
-    } // Url
-
+    }
 
+    // Url
     let url = params.url;
-
     if (!url) {
       if ($el.attr('href') && $el.attr('href') !== '#') url = $el.attr('href');else if ($selectEl.attr('name')) url = `${$selectEl.attr('name').toLowerCase()}-select/`;
     }
-
     if (!url) url = ss.params.url;
     const multiple = $selectEl[0].multiple;
     const inputType = multiple ? 'checkbox' : 'radio';
@@ -72,34 +61,29 @@ class SmartSelect extends Framework7Class {
       selectName: $selectEl.attr('name'),
       maxLength: $selectEl.attr('maxlength') || params.maxLength
     });
-    $el[0].f7SmartSelect = ss; // Events
+    $el[0].f7SmartSelect = ss;
 
+    // Events
     function onClick() {
       ss.open();
     }
-
     function onChange() {
       const value = ss.$selectEl.val();
       ss.$el.trigger('smartselect:change', value);
       ss.emit('local::change smartSelectChange', ss, value);
-
       if (ss.vl) {
         ss.vl.clearCache();
       }
-
       ss.setValueText();
     }
-
     ss.attachEvents = function attachEvents() {
       $el.on('click', onClick);
       $el.on('change', 'select', onChange);
     };
-
     ss.detachEvents = function detachEvents() {
       $el.off('click', onClick);
       $el.off('change', 'select', onChange);
     };
-
     function handleInputChange() {
       let optionEl;
       let text;
@@ -107,64 +91,53 @@ class SmartSelect extends Framework7Class {
       const value = inputEl.value;
       let optionText = [];
       let displayAs;
-
       if (inputEl.type === 'checkbox') {
         for (let i = 0; i < ss.selectEl.options.length; i += 1) {
           optionEl = ss.selectEl.options[i];
-
           if (optionEl.value === value) {
             optionEl.selected = inputEl.checked;
           }
-
           if (optionEl.selected) {
             displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-value-as');
             text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;
             optionText.push(text.trim());
           }
         }
-
         if (ss.maxLength) {
           ss.checkMaxLength();
         }
       } else {
         optionEl = ss.$selectEl.find(`option[value="${value}"]`)[0];
-
         if (!optionEl) {
           optionEl = ss.$selectEl.find('option').filter(optEl => optEl.value === value)[0];
         }
-
         displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-as');
         text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;
         optionText = [text];
         ss.selectEl.value = value;
       }
-
       ss.$selectEl.trigger('change');
-
       if (ss.params.setValueText) {
         ss.formatValueTextContent(optionText);
       }
-
       if (ss.params.closeOnSelect && ss.inputType === 'radio') {
         ss.close();
       }
     }
-
     ss.attachInputsEvents = function attachInputsEvents() {
       ss.$containerEl.on('change', 'input[type="checkbox"], input[type="radio"]', handleInputChange);
     };
-
     ss.detachInputsEvents = function detachInputsEvents() {
       ss.$containerEl.off('change', 'input[type="checkbox"], input[type="radio"]', handleInputChange);
-    }; // Install Modules
-
+    };
 
-    ss.useModules(); // Init
+    // Install Modules
+    ss.useModules();
 
+    // Init
     ss.init();
     return ss;
   }
-
   setValue(value) {
     const ss = this;
     let newValue = value;
@@ -172,19 +145,15 @@ class SmartSelect extends Framework7Class {
     let optionEl;
     let displayAs;
     let text;
-
     if (ss.multiple) {
       if (!Array.isArray(newValue)) newValue = [newValue];
-
       for (let i = 0; i < ss.selectEl.options.length; i += 1) {
         optionEl = ss.selectEl.options[i];
-
         if (newValue.indexOf(optionEl.value) >= 0) {
           optionEl.selected = true;
         } else {
           optionEl.selected = false;
         }
-
         if (optionEl.selected) {
           displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-value-as');
           text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;
@@ -193,75 +162,58 @@ class SmartSelect extends Framework7Class {
       }
     } else {
       optionEl = ss.$selectEl.find(`option[value="${newValue}"]`)[0];
-
       if (optionEl) {
         displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-as');
         text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent;
         optionText = [text];
       }
-
       ss.selectEl.value = newValue;
     }
-
     if (ss.params.setValueText) {
       ss.formatValueTextContent(optionText);
     }
-
     ss.$selectEl.trigger('change');
     return ss;
   }
-
   unsetValue() {
     const ss = this;
-
     if (ss.params.setValueText) {
       ss.formatValueTextContent([]);
     }
-
     ss.$selectEl.find('option').each(optionEl => {
       optionEl.selected = false;
       optionEl.checked = false;
     });
     ss.$selectEl[0].value = null;
-
     if (ss.$containerEl) {
       ss.$containerEl.find(`input[name="${ss.inputName}"][type="checkbox"], input[name="${ss.inputName}"][type="radio"]`).prop('checked', false);
     }
-
     ss.$selectEl.trigger('change');
   }
-
   getValue() {
     const ss = this;
     return ss.$selectEl.val();
   }
-
   get view() {
     const {
       params,
       $el
     } = this;
     let view;
-
     if (params.view) {
       view = params.view;
     }
-
     if (!view) {
       view = $el.parents('.view').length && $el.parents('.view')[0].f7View;
     }
-
     if (!view && params.openIn === 'page') {
       throw Error('Smart Select requires initialized View');
     }
-
     return view;
   }
-
   checkMaxLength() {
     const ss = this;
     const $containerEl = ss.$containerEl;
-
     if (ss.selectEl.selectedOptions.length >= ss.maxLength) {
       $containerEl.find('input[type="checkbox"]').each(inputEl => {
         if (!inputEl.checked) {
@@ -274,35 +226,28 @@ class SmartSelect extends Framework7Class {
       $containerEl.find('.disabled').removeClass('disabled');
     }
   }
-
   formatValueTextContent(values) {
     const ss = this;
     const valueFormatted = ss.formatValueText(values);
-
     if (valueFormatted.includes('<') && valueFormatted.includes('>')) {
       ss.$valueEl.html(valueFormatted);
     } else {
       ss.$valueEl.text(valueFormatted);
     }
   }
-
   formatValueText(values) {
     const ss = this;
     let textValue;
-
     if (ss.params.formatValueText) {
       textValue = ss.params.formatValueText.call(ss, values, ss);
     } else {
       textValue = values.join(', ');
     }
-
     return textValue;
   }
-
   setValueText(value) {
     const ss = this;
     let valueArray = [];
-
     if (typeof value !== 'undefined') {
       if (Array.isArray(value)) {
         valueArray = value;
@@ -312,10 +257,8 @@ class SmartSelect extends Framework7Class {
     } else {
       ss.$selectEl.find('option').each(optionEl => {
         const $optionEl = $(optionEl);
-
         if (optionEl.selected) {
           const displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $optionEl.data('display-value-as');
-
           if (displayAs && typeof displayAs !== 'undefined') {
             valueArray.push(displayAs);
           } else {
@@ -324,12 +267,10 @@ class SmartSelect extends Framework7Class {
         }
       });
     }
-
     if (ss.params.setValueText) {
       ss.formatValueTextContent(valueArray);
     }
   }
-
   getItemsData() {
     const ss = this;
     const theme = ss.app.theme;
@@ -342,15 +283,14 @@ class SmartSelect extends Framework7Class {
       const optionIcon = optionData.optionIcon || ss.params.optionIcon;
       const optionIconIos = theme === 'ios' && (optionData.optionIconIos || ss.params.optionIconIos);
       const optionIconMd = theme === 'md' && (optionData.optionIconMd || ss.params.optionIconMd);
-      const optionIconAurora = theme === 'aurora' && (optionData.optionIconAurora || ss.params.optionIconAurora);
-      const optionHasMedia = optionImage || optionIcon || optionIconIos || optionIconMd || optionIconAurora;
+      const optionInputIconPosition = optionData.inputIconPosition || ss.params.inputIconPosition || '';
+      const optionHasMedia = optionImage || optionIcon || optionIconIos || optionIconMd;
       const optionColor = optionData.optionColor;
       let optionClassName = optionData.optionClass || '';
       if ($optionEl[0].disabled) optionClassName += ' disabled';
       const optionGroupEl = $optionEl.parent('optgroup')[0];
       const optionGroupLabel = optionGroupEl && optionGroupEl.label;
       let optionIsLabel = false;
-
       if (optionGroupEl && optionGroupEl !== previousGroupEl) {
         optionIsLabel = true;
         previousGroupEl = optionGroupEl;
@@ -359,7 +299,6 @@ class SmartSelect extends Framework7Class {
           isLabel: optionIsLabel
         });
       }
-
       items.push({
         value: $optionEl[0].value,
         text: $optionEl[0].textContent.trim(),
@@ -370,7 +309,7 @@ class SmartSelect extends Framework7Class {
         icon: optionIcon,
         iconIos: optionIconIos,
         iconMd: optionIconMd,
-        iconAurora: optionIconAurora,
+        inputIconPosition: optionInputIconPosition,
         color: optionColor,
         className: optionClassName,
         disabled: $optionEl[0].disabled,
@@ -385,7 +324,6 @@ class SmartSelect extends Framework7Class {
     ss.items = items;
     return items;
   }
-
   renderSearchbar() {
     const ss = this;
     if (ss.params.renderSearchbar) return ss.params.renderSearchbar.call(ss);
@@ -407,68 +345,55 @@ class SmartSelect extends Framework7Class {
       class: "searchbar-disable-button"
     }, ss.params.searchbarDisableText)));
   }
-
   renderItem(item, index) {
     const ss = this;
     if (ss.params.renderItem) return ss.params.renderItem.call(ss, item, index);
-
     function getIconContent(iconValue) {
       if (iconValue === void 0) {
         iconValue = '';
       }
-
       if (iconValue.indexOf(':') >= 0) {
         return iconValue.split(':')[1];
       }
-
       return '';
     }
-
     function getIconClass(iconValue) {
       if (iconValue === void 0) {
         iconValue = '';
       }
-
       if (iconValue.indexOf(':') >= 0) {
         let className = iconValue.split(':')[0];
         if (className === 'f7') className = 'f7-icons';
         if (className === 'material') className = 'material-icons';
         return className;
       }
-
       return iconValue;
     }
-
     let itemHtml;
-
     if (item.isLabel) {
-      itemHtml = `<li class="item-divider">${item.groupLabel}</li>`;
+      itemHtml = `<li class="list-group-title">${item.groupLabel}</li>`;
     } else {
       let selected = item.selected;
       let disabled;
-
       if (ss.params.virtualList) {
         const ssValue = ss.getValue();
         selected = ss.multiple ? ssValue.indexOf(item.value) >= 0 : ssValue === item.value;
-
         if (ss.multiple) {
           disabled = ss.multiple && !selected && ssValue.length === parseInt(ss.maxLength, 10);
         }
       }
-
       const {
         icon,
         iconIos,
-        iconMd,
-        iconAurora
+        iconMd
       } = item;
-      const hasIcon = icon || iconIos || iconMd || iconAurora;
-      const iconContent = getIconContent(icon || iconIos || iconMd || iconAurora || '');
-      const iconClass = getIconClass(icon || iconIos || iconMd || iconAurora || '');
+      const hasIcon = icon || iconIos || iconMd;
+      const iconContent = getIconContent(icon || iconIos || iconMd || '');
+      const iconClass = getIconClass(icon || iconIos || iconMd || '');
       itemHtml = $jsx("li", {
         class: `${item.className || ''}${disabled ? ' disabled' : ''}`
       }, $jsx("label", {
-        class: `item-${item.inputType} item-content`
+        class: `item-${item.inputType} ${item.inputIconPosition ? `item-${item.inputType}-icon-${item.inputIconPosition}` : ''} item-content`
       }, $jsx("input", {
         type: item.inputType,
         name: item.inputName,
@@ -488,10 +413,8 @@ class SmartSelect extends Framework7Class {
         class: `item-title${item.color ? ` text-color-${item.color}` : ''}`
       }, item.text))));
     }
-
     return itemHtml;
   }
-
   renderItems() {
     const ss = this;
     if (ss.params.renderItems) return ss.params.renderItems.call(ss, ss.items);
@@ -500,17 +423,14 @@ class SmartSelect extends Framework7Class {
     `;
     return itemsHtml;
   }
-
   renderPage() {
     const ss = this;
     if (ss.params.renderPage) return ss.params.renderPage.call(ss, ss.items);
     let pageTitle = ss.params.pageTitle;
-
     if (typeof pageTitle === 'undefined') {
       const $itemTitleEl = ss.$el.find('.item-title');
       pageTitle = $itemTitleEl.length ? $itemTitleEl.text().trim() : '';
     }
-
     const cssClass = ss.params.cssClass;
     return $jsx("div", {
       class: `page smart-select-page ${cssClass}`,
@@ -542,17 +462,14 @@ class SmartSelect extends Framework7Class {
       class: `list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
     }, $jsx("ul", null, !ss.params.virtualList && ss.renderItems(ss.items)))));
   }
-
   renderPopup() {
     const ss = this;
     if (ss.params.renderPopup) return ss.params.renderPopup.call(ss, ss.items);
     let pageTitle = ss.params.pageTitle;
-
     if (typeof pageTitle === 'undefined') {
       const $itemTitleEl = ss.$el.find('.item-title');
       pageTitle = $itemTitleEl.length ? $itemTitleEl.text().trim() : '';
     }
-
     const cssClass = ss.params.cssClass || '';
     return $jsx("div", {
       class: `popup smart-select-popup ${cssClass} ${ss.params.popupTabletFullscreen ? 'popup-tablet-fullscreen' : ''}`,
@@ -585,12 +502,11 @@ class SmartSelect extends Framework7Class {
       class: `list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
     }, $jsx("ul", null, !ss.params.virtualList && ss.renderItems(ss.items)))))));
   }
-
   renderSheet() {
     const ss = this;
     if (ss.params.renderSheet) return ss.params.renderSheet.call(ss, ss.items);
-    const cssClass = ss.params.cssClass; // prettier-ignore
-
+    const cssClass = ss.params.cssClass;
+    // prettier-ignore
     return $jsx("div", {
       class: `sheet-modal smart-select-sheet ${cssClass}`,
       "data-select-name": ss.selectName
@@ -612,12 +528,11 @@ class SmartSelect extends Framework7Class {
       class: `list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
     }, $jsx("ul", null, !ss.params.virtualList && ss.renderItems(ss.items))))));
   }
-
   renderPopover() {
     const ss = this;
     if (ss.params.renderPopover) return ss.params.renderPopover.call(ss, ss.items);
-    const cssClass = ss.params.cssClass; // prettier-ignore
-
+    const cssClass = ss.params.cssClass;
+    // prettier-ignore
     return $jsx("div", {
       class: `popover smart-select-popover ${cssClass}`,
       "data-select-name": ss.selectName
@@ -627,7 +542,6 @@ class SmartSelect extends Framework7Class {
       class: `list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
     }, $jsx("ul", null, !ss.params.virtualList && ss.renderItems(ss.items)))));
   }
-
   scrollToSelectedItem() {
     const ss = this;
     const {
@@ -635,7 +549,6 @@ class SmartSelect extends Framework7Class {
       $containerEl
     } = ss;
     if (!ss.opened) return ss;
-
     if (params.virtualList) {
       let selectedIndex;
       ss.vl.items.forEach((item, index) => {
@@ -643,7 +556,6 @@ class SmartSelect extends Framework7Class {
           selectedIndex = index;
         }
       });
-
       if (typeof selectedIndex !== 'undefined') {
         ss.vl.scrollToItem(selectedIndex);
       }
@@ -654,48 +566,41 @@ class SmartSelect extends Framework7Class {
       if (!$scrollableEl.length) return ss;
       $scrollableEl.scrollTop($selectedItemEl.offset().top - $scrollableEl.offset().top - parseInt($scrollableEl.css('padding-top'), 10));
     }
-
     return ss;
   }
-
   onOpen(type, containerEl) {
     const ss = this;
     const app = ss.app;
     const $containerEl = $(containerEl);
     ss.$containerEl = $containerEl;
     ss.openedIn = type;
-    ss.opened = true; // Init VL
+    ss.opened = true;
 
+    // Init VL
     if (ss.params.virtualList) {
       ss.vl = app.virtualList.create({
         el: $containerEl.find('.virtual-list'),
         items: ss.items,
         renderItem: ss.renderItem.bind(ss),
         height: ss.params.virtualListHeight,
-
         searchByItem(query, item) {
           if (item.text && removeDiacritics(item.text).toLowerCase().indexOf(query.trim().toLowerCase()) >= 0) return true;
           return false;
         }
-
       });
     }
-
     if (ss.params.scrollToSelectedItem) {
       ss.scrollToSelectedItem();
-    } // Init SB
-
+    }
 
+    // Init SB
     if (ss.params.searchbar) {
       let $searchbarEl = $containerEl.find('.searchbar');
-
       if (type === 'page' && app.theme === 'ios') {
         $searchbarEl = $(app.navbar.getElByPage($containerEl)).find('.searchbar');
       }
-
       if (ss.params.appendSearchbarNotFound && (type === 'page' || type === 'popup')) {
         let $notFoundEl = null;
-
         if (typeof ss.params.appendSearchbarNotFound === 'string') {
           $notFoundEl = $(`<div class="block searchbar-not-found">${ss.params.appendSearchbarNotFound}</div>`);
         } else if (typeof ss.params.appendSearchbarNotFound === 'boolean') {
@@ -703,12 +608,10 @@ class SmartSelect extends Framework7Class {
         } else {
           $notFoundEl = ss.params.appendSearchbarNotFound;
         }
-
         if ($notFoundEl) {
           $containerEl.find('.page-content').append($notFoundEl[0]);
         }
       }
-
       const searchbarParams = extend({
         el: $searchbarEl,
         backdropEl: $containerEl.find('.searchbar-backdrop'),
@@ -716,55 +619,52 @@ class SmartSelect extends Framework7Class {
         searchIn: '.item-title'
       }, typeof ss.params.searchbar === 'object' ? ss.params.searchbar : {});
       ss.searchbar = app.searchbar.create(searchbarParams);
-    } // Check for max length
-
+    }
 
+    // Check for max length
     if (ss.maxLength) {
       ss.checkMaxLength();
-    } // Close on select
-
+    }
 
+    // Close on select
     if (ss.params.closeOnSelect) {
       ss.$containerEl.find(`input[type="radio"][name="${ss.inputName}"]:checked`).parents('label').once('click', () => {
         ss.close();
       });
-    } // Attach input events
-
+    }
 
+    // Attach input events
     ss.attachInputsEvents();
     ss.$el.trigger('smartselect:open');
     ss.emit('local::open smartSelectOpen', ss);
   }
-
   onOpened() {
     const ss = this;
     ss.$el.trigger('smartselect:opened');
     ss.emit('local::opened smartSelectOpened', ss);
   }
-
   onClose() {
     const ss = this;
-    if (ss.destroyed) return; // Destroy VL
+    if (ss.destroyed) return;
 
+    // Destroy VL
     if (ss.vl && ss.vl.destroy) {
       ss.vl.destroy();
       ss.vl = null;
       delete ss.vl;
-    } // Destroy SB
-
+    }
 
+    // Destroy SB
     if (ss.searchbar && ss.searchbar.destroy) {
       ss.searchbar.destroy();
       ss.searchbar = null;
       delete ss.searchbar;
-    } // Detach events
-
-
+    }
+    // Detach events
     ss.detachInputsEvents();
     ss.$el.trigger('smartselect:close');
     ss.emit('local::close smartSelectClose', ss);
   }
-
   onClosed() {
     const ss = this;
     if (ss.destroyed) return;
@@ -774,7 +674,6 @@ class SmartSelect extends Framework7Class {
     ss.$el.trigger('smartselect:closed');
     ss.emit('local::closed smartSelectClosed', ss);
   }
-
   openPage() {
     const ss = this;
     if (ss.opened) return ss;
@@ -789,25 +688,20 @@ class SmartSelect extends Framework7Class {
           pageBeforeIn(e, page) {
             ss.onOpen('page', page.el);
           },
-
           pageAfterIn(e, page) {
             ss.onOpened('page', page.el);
           },
-
           pageBeforeOut(e, page) {
             ss.onClose('page', page.el);
           },
-
           pageAfterOut(e, page) {
             ss.onClosed('page', page.el);
           }
-
         }
       }
     });
     return ss;
   }
-
   openPopup() {
     const ss = this;
     if (ss.opened) return ss;
@@ -822,22 +716,17 @@ class SmartSelect extends Framework7Class {
         popupOpen(popup) {
           ss.onOpen('popup', popup.el);
         },
-
         popupOpened(popup) {
           ss.onOpened('popup', popup.el);
         },
-
         popupClose(popup) {
           ss.onClose('popup', popup.el);
         },
-
         popupClosed(popup) {
           ss.onClosed('popup', popup.el);
         }
-
       }
     };
-
     if (ss.params.routableModals && ss.view) {
       ss.view.router.navigate({
         url: ss.url,
@@ -849,10 +738,8 @@ class SmartSelect extends Framework7Class {
     } else {
       ss.modal = ss.app.popup.create(popupParams).open();
     }
-
     return ss;
   }
-
   openSheet() {
     const ss = this;
     if (ss.opened) return ss;
@@ -870,22 +757,17 @@ class SmartSelect extends Framework7Class {
         sheetOpen(sheet) {
           ss.onOpen('sheet', sheet.el);
         },
-
         sheetOpened(sheet) {
           ss.onOpened('sheet', sheet.el);
         },
-
         sheetClose(sheet) {
           ss.onClose('sheet', sheet.el);
         },
-
         sheetClosed(sheet) {
           ss.onClosed('sheet', sheet.el);
         }
-
       }
     };
-
     if (ss.params.routableModals && ss.view) {
       ss.view.router.navigate({
         url: ss.url,
@@ -897,10 +779,8 @@ class SmartSelect extends Framework7Class {
     } else {
       ss.modal = ss.app.sheet.create(sheetParams).open();
     }
-
     return ss;
   }
-
   openPopover() {
     const ss = this;
     if (ss.opened) return ss;
@@ -914,22 +794,17 @@ class SmartSelect extends Framework7Class {
         popoverOpen(popover) {
           ss.onOpen('popover', popover.el);
         },
-
         popoverOpened(popover) {
           ss.onOpened('popover', popover.el);
         },
-
         popoverClose(popover) {
           ss.onClose('popover', popover.el);
         },
-
         popoverClosed(popover) {
           ss.onClosed('popover', popover.el);
         }
-
       }
     };
-
     if (ss.params.routableModals && ss.view) {
       ss.view.router.navigate({
         url: ss.url,
@@ -941,25 +816,20 @@ class SmartSelect extends Framework7Class {
     } else {
       ss.modal = ss.app.popover.create(popoverParams).open();
     }
-
     return ss;
   }
-
   open(type) {
     const ss = this;
     if (ss.opened) return ss;
     let prevented = false;
-
     function prevent() {
       prevented = true;
     }
-
     if (ss.$el) {
       ss.$el.trigger('smartselect:beforeopen', {
         prevent
       });
     }
-
     ss.emit('local::beforeOpen smartSelectBeforeOpen', ss, prevent);
     if (prevented) return ss;
     const openIn = type || ss.params.openIn;
@@ -969,11 +839,9 @@ class SmartSelect extends Framework7Class {
     }).join('')}`]();
     return ss;
   }
-
   close() {
     const ss = this;
     if (!ss.opened) return ss;
-
     if (ss.params.routableModals && ss.view || ss.openedIn === 'page') {
       ss.view.router.back();
     } else {
@@ -986,16 +854,13 @@ class SmartSelect extends Framework7Class {
       });
       ss.modal.close();
     }
-
     return ss;
   }
-
   init() {
     const ss = this;
     ss.attachEvents();
     ss.setValueText();
   }
-
   destroy() {
     const ss = this;
     ss.emit('local::beforeDestroy smartSelectBeforeDestroy', ss);
@@ -1005,7 +870,5 @@ class SmartSelect extends Framework7Class {
     deleteProps(ss);
     ss.destroyed = true;
   }
-
 }
-
 export default SmartSelect;