framework7 7.0.8 → 8.0.0-beta.1

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.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var r=e.$,o=e.utils,i=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,o.iosPreloaderContent),n=o.mdPreloaderContent,s=o.auroraPreloaderContent,l=o.bindMethods;const d={open(e){const t=this,o=r(e).eq(0);if(o.length&&(o.addClass("treeview-item-opened"),o.trigger("treeview:open"),t.emit("treeviewOpen",o[0]),o.hasClass("treeview-load-children")&&!o[0].f7TreeviewChildrenLoaded)){const e={iosPreloaderContent:i,mdPreloaderContent:n,auroraPreloaderContent:s};o.trigger("treeview:loadchildren",l),t.emit("treeviewLoadChildren",o[0],l),o.find(".treeview-toggle").addClass("treeview-toggle-hidden"),o.find(".treeview-item-root").prepend(`<div class="preloader treeview-preloader">${e[`${t.theme}PreloaderContent`]}</div>`)}function l(e){e?(o.removeClass("treeview-item-opened"),o.trigger("treeview:close"),t.emit("treeviewClose",o[0])):o[0].f7TreeviewChildrenLoaded=!0,o.find(".treeview-toggle").removeClass("treeview-toggle-hidden"),o.find(".treeview-preloader").remove()}},close(e){const t=r(e).eq(0);t.length&&(t.removeClass("treeview-item-opened"),t.trigger("treeview:close"),this.emit("treeviewClose",t[0]))},toggle(e){const t=r(e).eq(0);if(!t.length)return;const o=t.hasClass("treeview-item-opened");this.treeview[o?"close":"open"](t)}};var a={name:"treeview",create(){l(this,{treeview:d})},clicks:{".treeview-toggle":function(e,t,r){if(e.parents(".treeview-item-toggle").length)return;const o=e.parents(".treeview-item").eq(0);o.length&&(r.preventF7Router=!0,this.treeview.toggle(o[0]))},".treeview-item-toggle":function(e,t,r){const o=e.closest(".treeview-item").eq(0);o.length&&(r.preventF7Router=!0,this.treeview.toggle(o[0]))}}};if(t){if(e.prototype.modules&&e.prototype.modules[a.name])return;e.use(a),e.instance&&(e.instance.useModuleParams(a,e.instance.params),e.instance.useModule(a))}return a}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var r=e.$,i=e.utils,o=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,i.iosPreloaderContent),n=i.mdPreloaderContent,s=i.bindMethods;const l={open(e){const t=this,i=r(e).eq(0);if(i.length&&(i.addClass("treeview-item-opened"),i.trigger("treeview:open"),t.emit("treeviewOpen",i[0]),i.hasClass("treeview-load-children")&&!i[0].f7TreeviewChildrenLoaded)){const e={iosPreloaderContent:o,mdPreloaderContent:n};i.trigger("treeview:loadchildren",s),t.emit("treeviewLoadChildren",i[0],s),i.find(".treeview-toggle").addClass("treeview-toggle-hidden"),i.find(".treeview-item-root").prepend(`<div class="preloader treeview-preloader">${e[`${t.theme}PreloaderContent`]}</div>`)}function s(e){e?(i.removeClass("treeview-item-opened"),i.trigger("treeview:close"),t.emit("treeviewClose",i[0])):i[0].f7TreeviewChildrenLoaded=!0,i.find(".treeview-toggle").removeClass("treeview-toggle-hidden"),i.find(".treeview-preloader").remove()}},close(e){const t=r(e).eq(0);t.length&&(t.removeClass("treeview-item-opened"),t.trigger("treeview:close"),this.emit("treeviewClose",t[0]))},toggle(e){const t=r(e).eq(0);if(!t.length)return;const i=t.hasClass("treeview-item-opened");this.treeview[i?"close":"open"](t)}};var d={name:"treeview",create(){s(this,{treeview:l})},clicks:{".treeview-toggle":function(e,t,r){if(e.parents(".treeview-item-toggle").length)return;const i=e.parents(".treeview-item").eq(0);i.length&&(r.preventF7Router=!0,this.treeview.toggle(i[0]))},".treeview-item-toggle":function(e,t,r){const i=e.closest(".treeview-item").eq(0);i.length&&(r.preventF7Router=!0,this.treeview.toggle(i[0]))}}};if(t){if(e.prototype.modules&&e.prototype.modules[d.name])return;e.use(d),e.instance&&(e.instance.useModuleParams(d,e.instance.params),e.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

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 */