framework7 7.1.5 → 8.0.0-beta.2

package/components/treeview/treeview.js

@@ -1,5 +1,5 @@
 import $ from '../../shared/dom7.js';
-import { bindMethods, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils.js';
+import { bindMethods, iosPreloaderContent, mdPreloaderContent } from '../../shared/utils.js';
 const Treeview = {
   open(itemEl) {
     const app = this;
@@ -8,7 +8,6 @@ const Treeview = {
     $itemEl.addClass('treeview-item-opened');
     $itemEl.trigger('treeview:open');
     app.emit('treeviewOpen', $itemEl[0]);
-
     function done(cancel) {
       if (cancel) {
         $itemEl.removeClass('treeview-item-opened');
@@ -17,16 +16,13 @@ const Treeview = {
       } else {
         $itemEl[0].f7TreeviewChildrenLoaded = true;
       }
-
       $itemEl.find('.treeview-toggle').removeClass('treeview-toggle-hidden');
       $itemEl.find('.treeview-preloader').remove();
     }
-
     if ($itemEl.hasClass('treeview-load-children') && !$itemEl[0].f7TreeviewChildrenLoaded) {
       const preloaders = {
         iosPreloaderContent,
-        mdPreloaderContent,
-        auroraPreloaderContent
+        mdPreloaderContent
       };
       $itemEl.trigger('treeview:loadchildren', done);
       app.emit('treeviewLoadChildren', $itemEl[0], done);
@@ -34,7 +30,6 @@ const Treeview = {
       $itemEl.find('.treeview-item-root').prepend(`<div class="preloader treeview-preloader">${preloaders[`${app.theme}PreloaderContent`]}</div>`);
     }
   },
-
   close(itemEl) {
     const app = this;
     const $itemEl = $(itemEl).eq(0);
@@ -43,7 +38,6 @@ const Treeview = {
     $itemEl.trigger('treeview:close');
     app.emit('treeviewClose', $itemEl[0]);
   },
-
   toggle(itemEl) {
     const app = this;
     const $itemEl = $(itemEl).eq(0);
@@ -51,18 +45,15 @@ const Treeview = {
     const wasOpened = $itemEl.hasClass('treeview-item-opened');
     app.treeview[wasOpened ? 'close' : 'open']($itemEl);
   }
-
 };
 export default {
   name: 'treeview',
-
   create() {
     const app = this;
     bindMethods(app, {
       treeview: Treeview
     });
   },
-
   clicks: {
     '.treeview-toggle': function toggle($clickedEl, clickedData, e) {
       const app = this;

package/components/treeview/treeview.less

@@ -158,6 +158,3 @@ a.treeview-item-root {
 .if-md-theme({
   @import './treeview-md.less';
 });
-.if-aurora-theme({
-  @import './treeview-aurora.less';
-});

package/components/typography/typography-rtl.css

@@ -1 +1 @@
-:root{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important}
+:root{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important}.ios .no-hairlines-ios ul:after,.ios .no-hairlines-ios ul:before,.ios .no-hairlines-ios:after,.ios .no-hairlines-ios:before,.md .no-hairlines-md ul:after,.md .no-hairlines-md ul:before,.md .no-hairlines-md:after,.md .no-hairlines-md:before,.no-hairlines ul:after,.no-hairlines ul:before,.no-hairlines:after,.no-hairlines:before{display:none!important}.ios .no-hairline-top-ios ul:before,.ios .no-hairline-top-ios:before,.md .no-hairline-top-md ul:before,.md .no-hairline-top-md:before,.no-hairline-top ul:before,.no-hairline-top:before{display:none!important}.ios .no-hairline-bottom-ios ul:after,.ios .no-hairline-bottom-ios:after,.md .no-hairline-bottom-md ul:after,.md .no-hairline-bottom-md:after,.no-hairline-bottom ul:after,.no-hairline-bottom:after{display:none!important}

package/components/typography/typography.css

@@ -1 +1 @@
-:root{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important}
+:root{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important}.ios .no-hairlines-ios ul:after,.ios .no-hairlines-ios ul:before,.ios .no-hairlines-ios:after,.ios .no-hairlines-ios:before,.md .no-hairlines-md ul:after,.md .no-hairlines-md ul:before,.md .no-hairlines-md:after,.md .no-hairlines-md:before,.no-hairlines ul:after,.no-hairlines ul:before,.no-hairlines:after,.no-hairlines:before{display:none!important}.ios .no-hairline-top-ios ul:before,.ios .no-hairline-top-ios:before,.md .no-hairline-top-md ul:before,.md .no-hairline-top-md:before,.no-hairline-top ul:before,.no-hairline-top:before{display:none!important}.ios .no-hairline-bottom-ios ul:after,.ios .no-hairline-bottom-ios:after,.md .no-hairline-bottom-md ul:after,.md .no-hairline-bottom-md:after,.no-hairline-bottom ul:after,.no-hairline-bottom:after{display:none!important}

package/components/typography/typography.less

@@ -211,6 +211,31 @@
 [class*='border-color-'] {
   border-color: var(--f7-theme-color-border-color) !important;
 }
+// Hairlines
+.no-hairlines,
+.no-hairlines ul,
+.md .no-hairlines-md,
+.md .no-hairlines-md ul,
+.ios .no-hairlines-ios,
+.ios .no-hairlines-ios ul {
+  .hairline-remove-top-bottom();
+}
+.no-hairline-top,
+.no-hairline-top ul,
+.md .no-hairline-top-md,
+.md .no-hairline-top-md ul,
+.ios .no-hairline-top-ios,
+.ios .no-hairline-top-ios ul {
+  .hairline-remove(top);
+}
+.no-hairline-bottom,
+.no-hairline-bottom ul,
+.md .no-hairline-bottom-md,
+.md .no-hairline-bottom-md ul,
+.ios .no-hairline-bottom-ios,
+.ios .no-hairline-bottom-ios ul {
+  .hairline-remove(bottom);
+}
 
 .if-ios-theme({
   @import './typography-ios.less';
@@ -218,6 +243,3 @@
 .if-md-theme({
   @import './typography-md.less';
 });
-.if-aurora-theme({
-  @import './typography-aurora.less';
-});

package/components/view/resizable-view.js

@@ -1,7 +1,6 @@
 import $ from '../../shared/dom7.js';
 import { extend } from '../../shared/utils.js';
 import { getSupport } from '../../shared/get-support.js';
-
 function resizableView(view) {
   const app = view.app;
   const support = getSupport();
@@ -24,23 +23,18 @@ function resizableView(view) {
   let width;
   let minWidth;
   let maxWidth;
-
   function transformCSSWidth(v) {
     if (!v) return null;
-
     if (v.indexOf('%') >= 0 || v.indexOf('vw') >= 0) {
       return parseInt(v, 10) / 100 * app.width;
     }
-
     const newV = parseInt(v, 10);
     if (Number.isNaN(newV)) return null;
     return newV;
   }
-
   function isResizable() {
     return view.resizable && $el.hasClass('view-resizable') && $el.hasClass('view-master-detail');
   }
-
   function handleTouchStart(e) {
     if (!isResizable()) return;
     touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
@@ -51,80 +45,65 @@ function resizableView(view) {
     minWidth = transformCSSWidth($pageMasterEl.css('min-width'));
     maxWidth = transformCSSWidth($pageMasterEl.css('max-width'));
   }
-
   function handleTouchMove(e) {
     if (!isTouched) return;
     e.f7PreventSwipePanel = true;
     const pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
-
     if (!isMoved) {
       width = $resizeHandlerEl[0].offsetLeft + $resizeHandlerEl[0].offsetWidth;
       $el.addClass('view-resizing');
       $htmlEl.css('cursor', 'col-resize');
     }
-
     isMoved = true;
     e.preventDefault();
     touchesDiff = pageX - touchesStart.x;
     let newWidth = width + touchesDiff;
-
     if (minWidth && !Number.isNaN(minWidth)) {
       newWidth = Math.max(newWidth, minWidth);
     }
-
     if (maxWidth && !Number.isNaN(maxWidth)) {
       newWidth = Math.min(newWidth, maxWidth);
     }
-
     newWidth = Math.min(Math.max(newWidth, 0), app.width);
     view.resizableWidth = newWidth;
     $htmlEl[0].style.setProperty('--f7-page-master-width', `${newWidth}px`);
     $el.trigger('view:resize', newWidth);
     view.emit('local::resize viewResize', view, newWidth);
   }
-
   function handleTouchEnd() {
     $('html').css('cursor', '');
-
     if (!isTouched || !isMoved) {
       isTouched = false;
       isMoved = false;
       return;
     }
-
     isTouched = false;
     isMoved = false;
     $htmlEl[0].style.setProperty('--f7-page-master-width', `${view.resizableWidth}px`);
     $el.removeClass('view-resizing');
   }
-
   function handleResize() {
     if (!view.resizableWidth) return;
     minWidth = transformCSSWidth($resizeHandlerEl.css('min-width'));
     maxWidth = transformCSSWidth($resizeHandlerEl.css('max-width'));
-
     if (minWidth && !Number.isNaN(minWidth) && view.resizableWidth < minWidth) {
       view.resizableWidth = Math.max(view.resizableWidth, minWidth);
     }
-
     if (maxWidth && !Number.isNaN(maxWidth) && view.resizableWidth > maxWidth) {
       view.resizableWidth = Math.min(view.resizableWidth, maxWidth);
     }
-
     view.resizableWidth = Math.min(Math.max(view.resizableWidth, 0), app.width);
     $htmlEl[0].style.setProperty('--f7-page-master-width', `${view.resizableWidth}px`);
   }
-
   $resizeHandlerEl = view.$el.children('.view-resize-handler');
-
   if (!$resizeHandlerEl.length) {
     view.$el.append('<div class="view-resize-handler"></div>');
     $resizeHandlerEl = view.$el.children('.view-resize-handler');
   }
-
   view.$resizeHandlerEl = $resizeHandlerEl;
-  $el.addClass('view-resizable'); // Add Events
+  $el.addClass('view-resizable');
 
+  // Add Events
   const passive = support.passiveListener ? {
     passive: true
   } : false;
@@ -143,5 +122,4 @@ function resizableView(view) {
     view.off('beforeOpen', handleResize);
   });
 }
-
 export default resizableView;

package/components/view/view-class.js

@@ -3,13 +3,11 @@ import { extend } from '../../shared/utils.js';
 import Router from '../../modules/router/router.js';
 import Framework7Class from '../../shared/class.js';
 import resizableView from './resizable-view.js';
-
 class View extends Framework7Class {
   constructor(app, el, viewParams) {
     if (viewParams === void 0) {
       viewParams = {};
     }
-
     super(viewParams, [app]);
     const view = this;
     const ssr = view.params.routerId;
@@ -17,54 +15,53 @@ class View extends Framework7Class {
       routes: [],
       routesAdd: []
     };
-
     if (!ssr) {
       const $el = $(el);
-
       if (!$el.length) {
         let message = "Framework7: can't create a View instance because ";
         message += typeof el === 'string' ? `the selector "${el}" didn't match any element` : 'el must be an HTMLElement or Dom7 object';
         throw new Error(message);
       }
-    } // Default View params
-
+    }
 
+    // Default View params
     view.params = extend({
       el
-    }, defaults, app.params.view, viewParams); // Routes
+    }, defaults, app.params.view, viewParams);
 
+    // Routes
     if (view.params.routes.length > 0) {
       view.routes = view.params.routes;
     } else {
       view.routes = [].concat(app.routes, view.params.routesAdd);
-    } // View Props
-
+    }
 
+    // View Props
     extend(false, view, {
       app,
       name: view.params.name,
       main: view.params.main,
       history: [],
       scrollHistory: {}
-    }); // Install Modules
+    });
 
-    view.useModules(); // Add to app
+    // Install Modules
+    view.useModules();
 
+    // Add to app
     app.views.push(view);
-
     if (view.main) {
       app.views.main = view;
     }
-
     if (view.name) {
       app.views[view.name] = view;
-    } // Index
-
+    }
 
-    view.index = app.views.indexOf(view); // View ID
+    // Index
+    view.index = app.views.indexOf(view);
 
+    // View ID
     let viewId;
-
     if (view.name) {
       viewId = `view_${view.name}`;
     } else if (view.main) {
@@ -72,14 +69,11 @@ class View extends Framework7Class {
     } else {
       viewId = `view_${view.index}`;
     }
-
     view.id = viewId;
-
     if (!view.params.init) {
       return view;
-    } // Init View
-
-
+    }
+    // Init View
     if (app.initialized) {
       view.init();
     } else {
@@ -87,17 +81,14 @@ class View extends Framework7Class {
         view.init();
       });
     }
-
     return view;
   }
-
   destroy() {
     let view = this;
     const app = view.app;
     view.$el.trigger('view:beforedestroy');
     view.emit('local::beforeDestroy viewBeforeDestroy', view);
     app.off('resize', view.checkMasterDetailBreakpoint);
-
     if (view.main) {
       app.views.main = null;
       delete app.views.main;
@@ -105,82 +96,73 @@ class View extends Framework7Class {
       app.views[view.name] = null;
       delete app.views[view.name];
     }
-
     view.$el[0].f7View = null;
     delete view.$el[0].f7View;
-    app.views.splice(app.views.indexOf(view), 1); // Destroy Router
+    app.views.splice(app.views.indexOf(view), 1);
 
+    // Destroy Router
     if (view.params.router && view.router) {
       view.router.destroy();
     }
+    view.emit('local::destroy viewDestroy', view);
 
-    view.emit('local::destroy viewDestroy', view); // Delete props & methods
-
+    // Delete props & methods
     Object.keys(view).forEach(viewProp => {
       view[viewProp] = null;
       delete view[viewProp];
     });
     view = null;
   }
-
   checkMasterDetailBreakpoint(force) {
     const view = this;
     const app = view.app;
     const wasMasterDetail = view.$el.hasClass('view-master-detail');
     const isMasterDetail = app.width >= view.params.masterDetailBreakpoint && view.$el.children('.page-master').length;
-
     if (typeof force === 'undefined' && isMasterDetail || force === true) {
       view.$el.addClass('view-master-detail');
-
       if (!wasMasterDetail) {
         view.emit('local::masterDetailBreakpoint viewMasterDetailBreakpoint', view);
         view.$el.trigger('view:masterDetailBreakpoint');
       }
     } else {
       view.$el.removeClass('view-master-detail');
-
       if (wasMasterDetail) {
         view.emit('local::masterDetailBreakpoint viewMasterDetailBreakpoint', view);
         view.$el.trigger('view:masterDetailBreakpoint');
       }
     }
   }
-
   initMasterDetail() {
     const view = this;
     const app = view.app;
     view.checkMasterDetailBreakpoint = view.checkMasterDetailBreakpoint.bind(view);
     view.checkMasterDetailBreakpoint();
-
     if (view.params.masterDetailResizable) {
       resizableView(view);
     }
-
     app.on('resize', view.checkMasterDetailBreakpoint);
   }
-
   mount(viewEl) {
     const view = this;
     const app = view.app;
     const el = view.params.el || viewEl;
-    const $el = $(el); // Selector
+    const $el = $(el);
 
+    // Selector
     let selector;
     if (typeof el === 'string') selector = el;else {
       // Supposed to be HTMLElement or Dom7
       selector = ($el.attr('id') ? `#${$el.attr('id')}` : '') + ($el.attr('class') ? `.${$el.attr('class').replace(/ /g, '.').replace('.active', '')}` : '');
-    } // DynamicNavbar
+    }
 
+    // DynamicNavbar
     let $navbarsEl;
-
     if (app.theme === 'ios' && view.params.iosDynamicNavbar) {
       $navbarsEl = $el.children('.navbars').eq(0);
-
       if ($navbarsEl.length === 0) {
         $navbarsEl = $('<div class="navbars"></div>');
       }
     }
-
     extend(view, {
       $el,
       el: $el[0],
@@ -189,28 +171,23 @@ class View extends Framework7Class {
       navbarsEl: $navbarsEl ? $navbarsEl[0] : undefined,
       selector
     });
-
     if (view.main) {
       app.views.main = view;
-    } // Save in DOM
-
+    }
 
+    // Save in DOM
     if ($el && $el[0]) {
       $el[0].f7View = view;
     }
-
     view.emit('local::mount viewMount', view);
   }
-
   init(viewEl) {
     const view = this;
     view.mount(viewEl);
-
     if (view.params.router) {
       if (view.params.masterDetailBreakpoint > 0) {
         view.initMasterDetail();
       }
-
       if (view.params.initRouterOnTabShow && view.$el.hasClass('tab') && !view.$el.hasClass('tab-active')) {
         view.$el.once('tab:show', () => {
           view.router.init();
@@ -218,14 +195,12 @@ class View extends Framework7Class {
       } else {
         view.router.init();
       }
-
       view.$el.trigger('view:init');
       view.emit('local::init viewInit', view);
     }
   }
+}
 
-} // Use Router
-
-
+// Use Router
 View.use(Router);
 export default View;

package/components/view/view.d.ts

@@ -40,8 +40,6 @@ export namespace View {
     router?: boolean;
     /**	Default (initial) View's url. If not specified, then it is equal to document url */
     url?: string;
-    /**	If enabled then all previous pages in navigation chain will not be removed from DOM when you navigate deeper and deeper. It could be useful, for example, if you have some Form from 5 steps (5 pages) and when you are on last 5th page you need access to form that was on 1st page. */
-    stackPages?: boolean;
     /**	CSS Selector of another view or object with initialized View instance. By default all links in initialized (only) view will load pages in this view. This tell links to load pages in other view. */
     linksView?: CSSSelector | View;
     /**	You may enable this parameter to allow loading of new pages that have same url as currently "active" page in View. */
@@ -66,8 +64,6 @@ export namespace View {
     iosPageLoadDelay?: number;
     /**	Delay (in ms) after new page will be loaded and inserted to DOM and before it will be transitioned. Can be increased a bit to improve performance. Will have effect only under MD theme */
     mdPageLoadDelay?: number;
-    /**	Delay (in ms) after new page will be loaded and inserted to DOM and before it will be transitioned. Can be increased a bit to improve performance. Will have effect only under Aurora theme */
-    auroraPageLoadDelay?: number;
     /**	When enabled then router will pass route url query to request url query (for url, componentUrl route properties) */
     passRouteQueryToRequest?: boolean;
     /**	When enabled then router will pass current route parameters to request url query (for url, componentUrl route properties) */
@@ -138,16 +134,6 @@ export namespace View {
     mdSwipeBackAnimateShadow?: boolean;
     /**	Enable/disable opacity animation during swipe back action. You can disable it to improve performance. For MD theme */
     mdSwipeBackAnimateOpacity?: boolean;
-    /**	Enable/disable ability to swipe back from left edge of screen to get to the previous page. For Aurora theme */
-    auroraSwipeBack?: boolean;
-    /**	Value in px. Swipe back action will start if "touch distance" will be more than this value. For Aurora theme */
-    auroraSwipeBackThreshold?: number;
-    /**	Value in px. Width of invisible left edge of the screen that triggers swipe back action. For Aurora theme */
-    auroraSwipeBackActiveArea?: number;
-    /**	Enable/disable box-shadow animation during swipe back action. You can disable it to improve performance. For Aurora theme */
-    auroraSwipeBackAnimateShadow?: boolean;
-    /**	Enable/disable opacity animation during swipe back action. You can disable it to improve performance. For Aurora theme */
-    auroraSwipeBackAnimateOpacity?: boolean;
     /**	If you develop web app (not Cordova/Capacitor or Home Screen web app) it is useful to enable hash navigation (browser url will look like "http://my-webapp.com/#!/about.html"). User as well will be able to navigate through app's history by using browser's default back and forward buttons. */
     browserHistory?: boolean;
     /**	Browser history root URL, for example "http://my-app.com/". It is useful only in case when you use empty ("") browserHistorySeparator */