framework7 7.1.5 → 8.0.0-beta.2

package/components/smart-select/smart-select.d.ts

@@ -61,7 +61,7 @@ export namespace SmartSelect {
     searchbarPlaceholder?: string;
     /** Searchbar "cancel" link text. Has effect only in iOS theme (default 'Cancel') */
     searchbarDisableText?: string;
-    /** Enables searchbar disable button. By default, disabled for Aurora theme */
+    /** Enables searchbar disable button. (default true) */
     searchbarDisableButton?: boolean;
     /** Value of "spellcheck" attribute on searchbar input (default false) */
     searchbarSpellcheck?: boolean;
@@ -93,8 +93,8 @@ export namespace SmartSelect {
     optionIconIos?: string;
     /** Same as `optionIcon` but will apply only when MD theme is active */
     optionIconMd?: string;
-    /** Same as `optionIcon` but will apply only when Aurora theme is active */
-    optionIconAurora?: string;
+    /** Specify checkbox/radio icon position, can be 'start' or 'end' (default 'start') */
+    inputIconPosition?: string;
 
     /** Function to render smart select page, must return full page HTML string */
     renderPage?: (items: any[]) => string;

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

@@ -28,7 +28,7 @@ export default {
       searchbar: false,
       searchbarPlaceholder: 'Search',
       searchbarDisableText: 'Cancel',
-      searchbarDisableButton: undefined,
+      searchbarDisableButton: true,
       searchbarSpellcheck: false,
       closeOnSelect: false,
       virtualList: false,
@@ -38,8 +38,8 @@ export default {
       navbarColorTheme: undefined,
       routableModals: false,
       url: 'select/',
+      inputIconPosition: 'start',
       cssClass: '',
-
       /*
         Custom render functions
       */
@@ -55,7 +55,6 @@ export default {
   static: {
     SmartSelect
   },
-
   create() {
     const app = this;
     app.smartSelect = extend(ConstructorMethods({
@@ -69,16 +68,13 @@ export default {
         if (ss && ss.open) return ss.open();
         return undefined;
       },
-
       close(smartSelectEl) {
         const ss = app.smartSelect.get(smartSelectEl);
         if (ss && ss.close) return ss.close();
         return undefined;
       }
-
     });
   },
-
   on: {
     tabMounted(tabEl) {
       const app = this;
@@ -88,7 +84,6 @@ export default {
         }, $(smartSelectEl).dataset()));
       });
     },
-
     tabBeforeRemove(tabEl) {
       $(tabEl).find('.smart-select-init').each(smartSelectEl => {
         if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
@@ -96,7 +91,6 @@ export default {
         }
       });
     },
-
     pageInit(page) {
       const app = this;
       page.$el.find('.smart-select-init').each(smartSelectEl => {
@@ -105,7 +99,6 @@ export default {
         }, $(smartSelectEl).dataset()));
       });
     },
-
     pageBeforeRemove(page) {
       page.$el.find('.smart-select-init').each(smartSelectEl => {
         if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
@@ -113,12 +106,10 @@ export default {
         }
       });
     }
-
   },
   clicks: {
     '.smart-select': function open($clickedEl, data) {
       const app = this;
-
       if (!$clickedEl[0].f7SmartSelect) {
         const ss = app.smartSelect.create(extend({
           el: $clickedEl
@@ -136,15 +127,12 @@ export default {
           el: smartSelectEl
         }, $(smartSelectEl).dataset()));
       },
-
       destroy(vnode) {
         const smartSelectEl = vnode.elm;
-
         if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
           smartSelectEl.f7SmartSelect.destroy();
         }
       }
-
     }
   }
 };

package/components/smart-select/smart-select.less

@@ -40,6 +40,3 @@
 .if-md-theme({
   @import './smart-select-md.less';
 });
-.if-aurora-theme({
-  @import './smart-select-aurora.less';
-});

package/components/sortable/sortable-rtl.css

@@ -1 +1 @@
-:root{--f7-sortable-handler-color:rgba(0, 0, 0, 0.22);--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .dark,:root.dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8);--f7-sortable-handler-color:rgba(255, 255, 255, 0.55)}.ios{--f7-sortable-handler-width:36px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.aurora{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;left:var(--f7-safe-area-left)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-opposite .sortable-handler{right:var(--f7-safe-area-left);left:auto}.sortable-opposite .sortable-handler:after{transform:translateX(-10px)}.sortable-opposite .item-content,.sortable-opposite.links-list li a,.sortable.simple-list li,.sortable:not(.sortable-opposite) .item-inner{transition-duration:.3s;transition-property:all}.sortable-sorting li{transition-duration:.3s}.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler:after{transform:translateX(0px)}.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner:before,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-title-row:before,.sortable-enabled:not(.sortable-opposite).links-list li:not(.no-sorting):not(.disallow-sorting)>a:before{display:none}.links-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) a,.no-chevron .sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.simple-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting),.sortable-enabled :not(.sortable-opposite).no-chevron .item-link .item-inner,.sortable-enabled.no-chevron:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link.no-chevron .item-inner{padding-left:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.links-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) a,.simple-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting),.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-content{padding-right:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}.aurora .sortable-handler:after{content:'sort_md'}
+.ios{--f7-sortable-handler-width:36px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6);--f7-sortable-handler-color:rgba(0, 0, 0, 0.22);--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}.ios .dark,.ios.dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8);--f7-sortable-handler-color:rgba(255, 255, 255, 0.55)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-sortable-handler-color:var(--f7-md-on-surface-variant);--f7-sortable-sorting-item-bg-color:var(--f7-md-surface-3)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;left:var(--f7-safe-area-left)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-opposite .sortable-handler{right:var(--f7-safe-area-left);left:auto}.sortable-opposite .sortable-handler:after{transform:translateX(-10px)}.sortable-opposite .item-content,.sortable-opposite.links-list li a,.sortable.simple-list li,.sortable:not(.sortable-opposite) .item-inner{transition-duration:.3s;transition-property:all}.sortable-sorting li{transition-duration:.3s}.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler:after{transform:translateX(0px)}.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner:before,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-title-row:before,.sortable-enabled:not(.sortable-opposite).links-list li:not(.no-sorting):not(.disallow-sorting)>a:before{display:none}.links-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) a,.no-chevron .sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.simple-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting),.sortable-enabled :not(.sortable-opposite).no-chevron .item-link .item-inner,.sortable-enabled.no-chevron:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link.no-chevron .item-inner{padding-left:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.links-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) a,.simple-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting),.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-content{padding-right:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}

package/components/sortable/sortable-vars.less

@@ -1,4 +1,8 @@
 :root {
+}
+.ios-vars({
+  --f7-sortable-handler-width: 36px;
+  --f7-sortable-sorting-item-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
   .light-vars({
     --f7-sortable-handler-color: rgba(0,0,0,0.22);
     --f7-sortable-sorting-item-bg-color: rgba(255,255,255,0.8);
@@ -7,16 +11,12 @@
     --f7-sortable-sorting-item-bg-color: rgba(50, 50, 50, 0.8);
     --f7-sortable-handler-color: rgba(255,255,255,0.55);
   });
-}
-.ios-vars({
-  --f7-sortable-handler-width: 36px;
-  --f7-sortable-sorting-item-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
 });
 .md-vars({
   --f7-sortable-handler-width: 42px;
-  --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2);
+  --f7-sortable-sorting-item-box-shadow: none;
 });
-.aurora-vars({
-  --f7-sortable-handler-width: 42px;
-  --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2);
+.md-color-vars({
+  --f7-sortable-handler-color: var(--f7-md-on-surface-variant);
+  --f7-sortable-sorting-item-bg-color: var(--f7-md-surface-3);
 });

package/components/sortable/sortable.css

@@ -1 +1 @@
-:root{--f7-sortable-handler-color:rgba(0, 0, 0, 0.22);--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .dark,:root.dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8);--f7-sortable-handler-color:rgba(255, 255, 255, 0.55)}.ios{--f7-sortable-handler-width:36px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.aurora{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;right:var(--f7-safe-area-right)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-opposite .sortable-handler{left:var(--f7-safe-area-right);right:auto}.sortable-opposite .sortable-handler:after{transform:translateX(-10px)}.sortable-opposite .item-content,.sortable-opposite.links-list li a,.sortable.simple-list li,.sortable:not(.sortable-opposite) .item-inner{transition-duration:.3s;transition-property:all}.sortable-sorting li{transition-duration:.3s}.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler:after{transform:translateX(0px)}.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner:before,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-title-row:before,.sortable-enabled:not(.sortable-opposite).links-list li:not(.no-sorting):not(.disallow-sorting)>a:before{display:none}.links-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) a,.no-chevron .sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.simple-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting),.sortable-enabled :not(.sortable-opposite).no-chevron .item-link .item-inner,.sortable-enabled.no-chevron:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link.no-chevron .item-inner{padding-right:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.links-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) a,.simple-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting),.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-content{padding-left:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}.aurora .sortable-handler:after{content:'sort_md'}
+.ios{--f7-sortable-handler-width:36px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6);--f7-sortable-handler-color:rgba(0, 0, 0, 0.22);--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}.ios .dark,.ios.dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8);--f7-sortable-handler-color:rgba(255, 255, 255, 0.55)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-sortable-handler-color:var(--f7-md-on-surface-variant);--f7-sortable-sorting-item-bg-color:var(--f7-md-surface-3)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;right:var(--f7-safe-area-right)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-opposite .sortable-handler{left:var(--f7-safe-area-right);right:auto}.sortable-opposite .sortable-handler:after{transform:translateX(-10px)}.sortable-opposite .item-content,.sortable-opposite.links-list li a,.sortable.simple-list li,.sortable:not(.sortable-opposite) .item-inner{transition-duration:.3s;transition-property:all}.sortable-sorting li{transition-duration:.3s}.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler:after{transform:translateX(0px)}.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner:before,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-title-row:before,.sortable-enabled:not(.sortable-opposite).links-list li:not(.no-sorting):not(.disallow-sorting)>a:before{display:none}.links-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) a,.no-chevron .sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.simple-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting),.sortable-enabled :not(.sortable-opposite).no-chevron .item-link .item-inner,.sortable-enabled.no-chevron:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link.no-chevron .item-inner{padding-right:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.links-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) a,.simple-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting),.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-content{padding-left:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}

package/components/sortable/sortable.js

@@ -27,7 +27,6 @@ const Sortable = {
     let sortingElOffsetTop;
     let initialScrollTop;
     let wasTapHold;
-
     function handleTouchStart(e, isTapHold) {
       isMoved = false;
       isTouched = true;
@@ -37,26 +36,21 @@ const Sortable = {
       indexFrom = $sortingEl.index();
       $sortableContainer = $sortingEl.parents('.sortable');
       const $listGroup = $sortingEl.parents('.list-group');
-
       if ($listGroup.length && $listGroup.parents($sortableContainer).length) {
         $sortableContainer = $listGroup;
       }
-
       $sortingItems = $sortableContainer.children('ul').children('li:not(.disallow-sorting):not(.no-sorting)');
       if (app.panel) app.panel.allowOpen = false;
       if (app.swipeout) app.swipeout.allow = false;
-
       if (isTapHold) {
         $sortingEl.addClass('sorting');
         $sortableContainer.addClass('sortable-sorting');
         wasTapHold = true;
       }
     }
-
     function handleTouchMove(e) {
       if (!isTouched || !$sortingEl) return;
       const pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
-
       if (!isMoved) {
         $pageEl = $sortingEl.parents('.page');
         $pageContentEl = $sortingEl.parents('.page-content');
@@ -73,7 +67,6 @@ const Sortable = {
         sortingElHeight = $sortingEl[0].offsetHeight;
         sortingElOffsetTop = $sortingEl.offset().top;
       }
-
       isMoved = true;
       e.preventDefault();
       e.f7PreventSwipePanel = true;
@@ -83,35 +76,28 @@ const Sortable = {
       $sortingEl.transform(`translate3d(0,${translate}px,0)`);
       const scrollAddition = 44;
       let allowScroll = true;
-
       if (touchesDiff + translateScrollOffset + scrollAddition < -minTop) {
         allowScroll = false;
       }
-
       if (touchesDiff + translateScrollOffset - scrollAddition > maxTop) {
         allowScroll = false;
       }
-
       $insertBeforeEl = undefined;
       $insertAfterEl = undefined;
       let scrollDiff;
-
       if (allowScroll) {
         if (sortingElOffsetTop + touchesDiff + sortingElHeight + scrollAddition > pageOffset + pageHeight) {
           // To Bottom
           scrollDiff = sortingElOffsetTop + touchesDiff + sortingElHeight + scrollAddition - (pageOffset + pageHeight);
         }
-
         if (sortingElOffsetTop + touchesDiff < pageOffset + scrollAddition) {
           // To Top
           scrollDiff = sortingElOffsetTop + touchesDiff - pageOffset - scrollAddition;
         }
-
         if (scrollDiff) {
           $pageContentEl[0].scrollTop += scrollDiff;
         }
       }
-
       $sortingItems.each(el => {
         const $currentEl = $(el);
         if ($currentEl[0] === $sortingEl[0]) return;
@@ -120,7 +106,6 @@ const Sortable = {
         const sortingElOffset = sortingElOffsetLocal + translate;
         let currentTranslate;
         const prevTranslate = $currentEl[0].f7Translate;
-
         if (sortingElOffset >= currentElOffset - currentElHeight / 2 && $sortingEl.index() < $currentEl.index()) {
           currentTranslate = -sortingElHeight;
           $currentEl.transform(`translate3d(0, ${currentTranslate}px,0)`);
@@ -136,33 +121,27 @@ const Sortable = {
           currentTranslate = undefined;
           $currentEl.transform('translate3d(0, 0%,0)');
         }
-
         if (prevTranslate !== currentTranslate) {
           $currentEl.trigger('sortable:move');
           app.emit('sortableMove', $currentEl[0], $sortableContainer[0]);
         }
-
         $currentEl[0].f7Translate = currentTranslate;
       });
     }
-
     function handleTouchEnd() {
       if (!isTouched || !isMoved) {
         if (isTouched && !isMoved) {
           if (app.panel) app.panel.allowOpen = true;
           if (app.swipeout) app.swipeout.allow = true;
-
           if (wasTapHold) {
             $sortingEl.removeClass('sorting');
             $sortableContainer.removeClass('sortable-sorting');
           }
         }
-
         isTouched = false;
         isMoved = false;
         return;
       }
-
       if (app.panel) app.panel.allowOpen = true;
       if (app.swipeout) app.swipeout.allow = true;
       $sortingItems.transform('');
@@ -171,25 +150,20 @@ const Sortable = {
       let indexTo;
       if ($insertAfterEl) indexTo = $insertAfterEl.index();else if ($insertBeforeEl) indexTo = $insertBeforeEl.index();
       let moveElements = $sortableContainer.dataset().sortableMoveElements;
-
       if (typeof moveElements === 'undefined') {
         moveElements = app.params.sortable.moveElements;
       }
-
       if (moveElements) {
         if ($insertAfterEl) {
           $sortingEl.insertAfter($insertAfterEl);
         }
-
         if ($insertBeforeEl) {
           $sortingEl.insertBefore($insertBeforeEl);
         }
       }
-
       if (($insertAfterEl || $insertBeforeEl) && $sortableContainer.hasClass('virtual-list')) {
         indexFrom = $sortingEl[0].f7VirtualListIndex;
         if (typeof indexFrom === 'undefined') indexFrom = $sortingEl.attr('data-virtual-list-index');
-
         if ($insertBeforeEl) {
           indexTo = $insertBeforeEl[0].f7VirtualListIndex;
           if (typeof indexTo === 'undefined') indexTo = $insertBeforeEl.attr('data-virtual-list-index');
@@ -197,14 +171,12 @@ const Sortable = {
           indexTo = $insertAfterEl[0].f7VirtualListIndex;
           if (typeof indexTo === 'undefined') indexTo = $insertAfterEl.attr('data-virtual-list-index');
         }
-
         if (indexTo !== null) indexTo = parseInt(indexTo, 10);else indexTo = undefined;
         const virtualList = $sortableContainer[0].f7VirtualList;
         if (indexFrom) indexFrom = parseInt(indexFrom, 10);
         if (indexTo) indexTo = parseInt(indexTo, 10);
         if (virtualList) virtualList.moveItem(indexFrom, indexTo);
       }
-
       if (typeof indexTo !== 'undefined' && !Number.isNaN(indexTo) && indexTo !== indexFrom) {
         $sortingEl.trigger('sortable:sort', {
           from: indexFrom,
@@ -216,13 +188,11 @@ const Sortable = {
           el: $sortingEl[0]
         }, $sortableContainer[0]);
       }
-
       $insertBeforeEl = undefined;
       $insertAfterEl = undefined;
       isTouched = false;
       isMoved = false;
     }
-
     const activeListener = getSupport().passiveListener ? {
       passive: false,
       capture: false
@@ -234,12 +204,10 @@ const Sortable = {
       handleTouchStart(pointerEvent, true);
     });
   },
-
   enable(el) {
     if (el === void 0) {
       el = '.list.sortable';
     }
-
     const app = this;
     const $el = $(el);
     if ($el.length === 0) return;
@@ -247,12 +215,10 @@ const Sortable = {
     $el.trigger('sortable:enable');
     app.emit('sortableEnable', $el[0]);
   },
-
   disable(el) {
     if (el === void 0) {
       el = '.list.sortable';
     }
-
     const app = this;
     const $el = $(el);
     if ($el.length === 0) return;
@@ -260,23 +226,19 @@ const Sortable = {
     $el.trigger('sortable:disable');
     app.emit('sortableDisable', $el[0]);
   },
-
   toggle(el) {
     if (el === void 0) {
       el = '.list.sortable';
     }
-
     const app = this;
     const $el = $(el);
     if ($el.length === 0) return;
-
     if ($el.hasClass('sortable-enabled')) {
       app.sortable.disable($el);
     } else {
       app.sortable.enable($el);
     }
   }
-
 };
 export default {
   name: 'sortable',
@@ -285,28 +247,24 @@ export default {
       moveElements: true
     }
   },
-
   create() {
     const app = this;
     bindMethods(app, {
       sortable: Sortable
     });
   },
-
   on: {
     init() {
       const app = this;
       if (!app.params.sortable) return;
       app.sortable.init();
     }
-
   },
   clicks: {
     '.sortable-enable': function enable($clickedEl, data) {
       if (data === void 0) {
         data = {};
       }
-
       const app = this;
       app.sortable.enable(data.sortable);
     },
@@ -314,7 +272,6 @@ export default {
       if (data === void 0) {
         data = {};
       }
-
       const app = this;
       app.sortable.disable(data.sortable);
     },
@@ -322,7 +279,6 @@ export default {
       if (data === void 0) {
         data = {};
       }
-
       const app = this;
       app.sortable.toggle(data.sortable);
     }

package/components/sortable/sortable.less

@@ -130,6 +130,3 @@
 .if-md-theme({
   @import './sortable-md.less';
 });
-.if-aurora-theme({
-  @import './sortable-aurora.less';
-});

package/components/statusbar/statusbar.js

@@ -2,43 +2,34 @@ import { getWindow } from 'ssr-window';
 import $ from '../../shared/dom7.js';
 import { bindMethods } from '../../shared/utils.js';
 import { getDevice } from '../../shared/get-device.js';
-
 const isCapacitor = () => {
   const window = getWindow();
   return window.Capacitor && window.Capacitor.isNative && window.Capacitor.Plugins && window.Capacitor.Plugins.StatusBar;
 };
-
 const Statusbar = {
   hide() {
     const window = getWindow();
     const device = getDevice();
-
     if (device.cordova && window.StatusBar) {
       window.StatusBar.hide();
     }
-
     if (isCapacitor()) {
       window.Capacitor.Plugins.StatusBar.hide();
     }
   },
-
   show() {
     const window = getWindow();
     const device = getDevice();
-
     if (device.cordova && window.StatusBar) {
       window.StatusBar.show();
     }
-
     if (isCapacitor()) {
       window.Capacitor.Plugins.StatusBar.show();
     }
   },
-
   onClick() {
     const app = this;
     let pageContent;
-
     if ($('.popup.modal-in').length > 0) {
       // Check for opened popup
       pageContent = $('.popup.modal-in').find('.page:not(.page-previous):not(.page-next):not(.cached)').find('.page-content');
@@ -53,21 +44,17 @@ const Statusbar = {
     } else {
       pageContent = app.$el.children('.view').find('.page:not(.page-previous):not(.page-next):not(.cached)').find('.page-content');
     }
-
     if (pageContent && pageContent.length > 0) {
       // Check for tab
       if (pageContent.hasClass('tab')) {
         pageContent = pageContent.parent('.tabs').children('.page-content.tab-active');
       }
-
       if (pageContent.length > 0) pageContent.scrollTop(0, 300);
     }
   },
-
   setTextColor(color) {
     const window = getWindow();
     const device = getDevice();
-
     if (device.cordova && window.StatusBar) {
       if (color === 'white') {
         window.StatusBar.styleLightContent();
@@ -75,7 +62,6 @@ const Statusbar = {
         window.StatusBar.styleDefault();
       }
     }
-
     if (isCapacitor()) {
       if (color === 'white') {
         window.Capacitor.Plugins.StatusBar.setStyle({
@@ -88,22 +74,18 @@ const Statusbar = {
       }
     }
   },
-
   setBackgroundColor(color) {
     const window = getWindow();
     const device = getDevice();
-
     if (device.cordova && window.StatusBar) {
       window.StatusBar.backgroundColorByHexString(color);
     }
-
     if (isCapacitor()) {
       window.Capacitor.Plugins.StatusBar.setBackgroundColor({
         color
       });
     }
   },
-
   isVisible() {
     const window = getWindow();
     const device = getDevice();
@@ -111,36 +93,29 @@ const Statusbar = {
       if (device.cordova && window.StatusBar) {
         resolve(window.StatusBar.isVisible);
       }
-
       if (isCapacitor()) {
         window.Capacitor.Plugins.StatusBar.getInfo().then(info => {
           resolve(info.visible);
         });
       }
-
       resolve(false);
     });
   },
-
   overlaysWebView(overlays) {
     if (overlays === void 0) {
       overlays = true;
     }
-
     const window = getWindow();
     const device = getDevice();
-
     if (device.cordova && window.StatusBar) {
       window.StatusBar.overlaysWebView(overlays);
     }
-
     if (isCapacitor()) {
       window.Capacitor.Plugins.StatusBar.setOverlaysWebView({
         overlay: overlays
       });
     }
   },
-
   init() {
     const app = this;
     const window = getWindow();
@@ -149,33 +124,28 @@ const Statusbar = {
     if (!params.enabled) return;
     const isCordova = device.cordova && window.StatusBar;
     const isCap = isCapacitor();
-
     if (isCordova || isCap) {
       if (params.scrollTopOnClick) {
         $(window).on('statusTap', Statusbar.onClick.bind(app));
       }
-
       if (device.ios) {
         if (params.iosOverlaysWebView) {
           Statusbar.overlaysWebView(true);
         } else {
           Statusbar.overlaysWebView(false);
         }
-
         if (params.iosTextColor === 'white') {
           Statusbar.setTextColor('white');
         } else {
           Statusbar.setTextColor('black');
         }
       }
-
       if (device.android) {
         if (params.androidOverlaysWebView) {
           Statusbar.overlaysWebView(true);
         } else {
           Statusbar.overlaysWebView(false);
         }
-
         if (params.androidTextColor === 'white') {
           Statusbar.setTextColor('white');
         } else {
@@ -183,16 +153,13 @@ const Statusbar = {
         }
       }
     }
-
     if (params.iosBackgroundColor && device.ios) {
       Statusbar.setBackgroundColor(params.iosBackgroundColor);
     }
-
     if (params.androidBackgroundColor && device.android) {
       Statusbar.setBackgroundColor(params.androidBackgroundColor);
     }
   }
-
 };
 export default {
   name: 'statusbar',
@@ -208,19 +175,16 @@ export default {
       androidBackgroundColor: null
     }
   },
-
   create() {
     const app = this;
     bindMethods(app, {
       statusbar: Statusbar
     });
   },
-
   on: {
     init() {
       const app = this;
       Statusbar.init.call(app);
     }
-
   }
 };

package/components/statusbar/statusbar.less

@@ -5,6 +5,3 @@
 .if-md-theme({
   @import './statusbar-md.less';
 });
-.if-aurora-theme({
-  @import './statusbar-aurora.less';
-});