framework7 7.0.0-beta.10 → 7.0.0-beta.15

package/framework7-types.d.ts

@@ -33,6 +33,7 @@ import { AreaChart } from './components/area-chart/area-chart';
 import { Autocomplete } from './components/autocomplete/autocomplete';
 import { Badge } from './components/badge/badge';
 import { Block } from './components/block/block';
+import { Breadcrumbs } from './components/breadcrumbs/breadcrumbs';
 import { Button } from './components/button/button';
 import { Calendar } from './components/calendar/calendar';
 import { Card } from './components/card/card';
@@ -151,6 +152,9 @@ declare module './components/app/app-class' {
   interface Framework7Class<Events> extends Block.AppMethods{}
   interface Framework7Parameters extends Block.AppParams{}
   interface Framework7Events extends Block.AppEvents{}
+  interface Framework7Class<Events> extends Breadcrumbs.AppMethods{}
+  interface Framework7Parameters extends Breadcrumbs.AppParams{}
+  interface Framework7Events extends Breadcrumbs.AppEvents{}
   interface Framework7Class<Events> extends Button.AppMethods{}
   interface Framework7Parameters extends Button.AppParams{}
   interface Framework7Events extends Button.AppEvents{}
@@ -359,5 +363,5 @@ export {
   StoreParameters,
   createStore,
 };
-export { Accordion, Actions, Appbar, AreaChart, Autocomplete, Badge, Block, Button, Calendar, Card, Checkbox, Chip, ColorPicker, ContactsList, DataTable, Dialog, Elevation, Fab, Form, Gauge, Grid, Icon, InfiniteScroll, Input, Lazy, Link, List, ListIndex, LoginScreen, Menu, Messagebar, Messages, Modal, Navbar, Notification, Page, Panel, PhotoBrowser, Picker, PieChart, Popover, Popup, Preloader, Progressbar, PullToRefresh, Radio, Range, Searchbar, Sheet, Skeleton, SmartSelect, Sortable, Statusbar, Stepper, Subnavbar, Swipeout, Swiper, Tabs, TextEditor, Timeline, Toast, Toggle, Toolbar, Tooltip, TouchRipple, Treeview, Typography, View, VirtualList }
+export { Accordion, Actions, Appbar, AreaChart, Autocomplete, Badge, Block, Breadcrumbs, Button, Calendar, Card, Checkbox, Chip, ColorPicker, ContactsList, DataTable, Dialog, Elevation, Fab, Form, Gauge, Grid, Icon, InfiniteScroll, Input, Lazy, Link, List, ListIndex, LoginScreen, Menu, Messagebar, Messages, Modal, Navbar, Notification, Page, Panel, PhotoBrowser, Picker, PieChart, Popover, Popup, Preloader, Progressbar, PullToRefresh, Radio, Range, Searchbar, Sheet, Skeleton, SmartSelect, Sortable, Statusbar, Stepper, Subnavbar, Swipeout, Swiper, Tabs, TextEditor, Timeline, Toast, Toggle, Toolbar, Tooltip, TouchRipple, Treeview, Typography, View, VirtualList }
 export default Framework7;

package/framework7.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 7.0.0-beta.10
+ * Framework7 7.0.0-beta.15
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2021 Vladimir Kharlampidi
+ * Copyright 2014-2022 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: October 28, 2021
+ * Released on: April 11, 2022
  */
 
 /*====================
@@ -3116,6 +3116,14 @@ html.device-full-viewport body {
   height: var(--f7-tabbar-icon-size);
   line-height: var(--f7-tabbar-icon-size);
 }
+.tabbar .tab-link-highlight,
+.tabbar-labels .tab-link-highlight {
+  position: absolute;
+  height: 2px;
+  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
+  transition-duration: 300ms;
+  left: 0;
+}
 .tabbar-labels {
   --f7-toolbar-height: var(--f7-tabbar-labels-height);
 }
@@ -3376,14 +3384,6 @@ html.device-full-viewport body {
   overflow: hidden;
   position: relative;
 }
-.md .tabbar .tab-link-highlight,
-.md .tabbar-labels .tab-link-highlight {
-  position: absolute;
-  height: 2px;
-  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-  transition-duration: 300ms;
-  left: 0;
-}
 .md .tabbar-labels .tab-link,
 .md .tabbar-labels .link {
   padding-top: 7px;
@@ -3408,14 +3408,6 @@ html.device-full-viewport body {
   align-items: center;
   margin: 0;
 }
-.aurora .tabbar .tab-link-highlight,
-.aurora .tabbar-labels .tab-link-highlight {
-  position: absolute;
-  height: 2px;
-  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-  transition-duration: 300ms;
-  left: 0;
-}
 .aurora .tabbar .toolbar-inner,
 .aurora .tabbar-labels .toolbar-inner {
   padding-left: 0;

package/framework7.d.ts

@@ -27,6 +27,7 @@ import { AreaChart } from './components/area-chart/area-chart';
 import { Autocomplete } from './components/autocomplete/autocomplete';
 import { Badge } from './components/badge/badge';
 import { Block } from './components/block/block';
+import { Breadcrumbs } from './components/breadcrumbs/breadcrumbs';
 import { Button } from './components/button/button';
 import { Calendar } from './components/calendar/calendar';
 import { Card } from './components/card/card';
@@ -145,6 +146,9 @@ declare module './types/components/app/app-class' {
   interface Framework7Class<Events> extends Block.AppMethods{}
   interface Framework7Parameters extends Block.AppParams{}
   interface Framework7Events extends Block.AppEvents{}
+  interface Framework7Class<Events> extends Breadcrumbs.AppMethods{}
+  interface Framework7Parameters extends Breadcrumbs.AppParams{}
+  interface Framework7Events extends Breadcrumbs.AppEvents{}
   interface Framework7Class<Events> extends Button.AppMethods{}
   interface Framework7Parameters extends Button.AppParams{}
   interface Framework7Events extends Button.AppEvents{}

package/framework7.esm.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 7.0.0-beta.10
+ * Framework7 7.0.0-beta.15
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2021 Vladimir Kharlampidi
+ * Copyright 2014-2022 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: October 28, 2021
+ * Released on: April 11, 2022
  */
 
 import $ from './shared/dom7.js';

package/framework7.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 7.0.0-beta.10
+ * Framework7 7.0.0-beta.15
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2021 Vladimir Kharlampidi
+ * Copyright 2014-2022 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: October 28, 2021
+ * Released on: April 11, 2022
  */
 
 (function (global, factory) {
@@ -17,7 +17,7 @@
 }(this, (function () { 'use strict';
 
     /**
-     * SSR Window 4.0.1
+     * SSR Window 4.0.2
      * Better handling for window object in SSR environment
      * https://github.com/nolimits4web/ssr-window
      *
@@ -25,7 +25,7 @@
      *
      * Licensed under MIT
      *
-     * Released on: October 27, 2021
+     * Released on: December 13, 2021
      */
 
     /* eslint-disable no-param-reassign */
@@ -196,15 +196,15 @@
     }
 
     /**
-     * Dom7 4.0.1
+     * Dom7 4.0.4
      * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
      * https://framework7.io/docs/dom7.html
      *
-     * Copyright 2021, Vladimir Kharlampidi
+     * Copyright 2022, Vladimir Kharlampidi
      *
      * Licensed under MIT
      *
-     * Released on: October 27, 2021
+     * Released on: January 11, 2022
      */
     /* eslint-disable no-proto */
 
@@ -224,8 +224,12 @@
 
     class Dom7 extends Array {
       constructor(items) {
-        super(...(items || []));
-        makeReactive(this);
+        if (typeof items === 'number') {
+          super(items);
+        } else {
+          super(...(items || []));
+          makeReactive(this);
+        }
       }
 
     }
@@ -2233,8 +2237,7 @@
         firefox: false,
         macos: false,
         windows: false,
-        cordova: !!(window.cordova || window.phonegap),
-        phonegap: !!(window.cordova || window.phonegap),
+        cordova: !!window.cordova,
         electron: false,
         capacitor: !!window.Capacitor,
         nwjs: false
@@ -3212,7 +3215,7 @@
             }
           }
 
-          if (device.cordova || device.phonegap) {
+          if (device.cordova) {
             classNames.push('device-cordova');
           }
 
@@ -6832,7 +6835,7 @@
 
 
         if (router.params.browserHistory && options.browserHistory && !options.reloadPrevious) {
-          History.replace(router.view.id, {
+          History[router.params.browserHistoryTabs](router.view.id, {
             url: options.route.url
           }, (router.params.browserHistoryRoot || '') + router.params.browserHistorySeparator + options.route.url);
         } // Update Router History
@@ -7298,7 +7301,7 @@
       const $el = $(el);
       const app = router.app;
       const view = router.view;
-      const options = extend({
+      const options = extend(false, {
         animate: router.params.animate,
         browserHistory: true,
         replaceState: false
@@ -8006,6 +8009,16 @@
         }
 
         const previousPageRoute = $previousPage[0].f7Page.route;
+
+        if (navigateOptions.preload && $previousPage.hasClass('stacked')) {
+          loadBack(router, {
+            el: $previousPage
+          }, extend(navigateOptions, {
+            route: previousPageRoute
+          }));
+          return router;
+        }
+
         processRouteQueue.call(router, previousPageRoute, router.currentRoute, () => {
           loadBack(router, {
             el: $previousPage
@@ -10023,7 +10036,14 @@
             view.initMasterDetail();
           }
 
-          view.router.init();
+          if (view.params.initRouterOnTabShow && view.$el.hasClass('tab') && !view.$el.hasClass('tab-active')) {
+            view.$el.once('tab:show', () => {
+              view.router.init();
+            });
+          } else {
+            view.router.init();
+          }
+
           view.$el.trigger('view:init');
           view.emit('local::init viewInit', view);
         }
@@ -12504,6 +12524,7 @@
       params: {
         view: {
           init: true,
+          initRouterOnTabShow: false,
           name: undefined,
           main: false,
           router: true,
@@ -12554,6 +12575,7 @@
           browserHistoryOnLoad: true,
           browserHistoryInitialMatch: false,
           browserHistoryStoreHistory: true,
+          browserHistoryTabs: 'replace',
           // Animate Pages
           animate: true,
           // iOS Dynamic Navbar
@@ -13468,8 +13490,8 @@
     const Toolbar = {
       setHighlight(tabbarEl) {
         const app = this;
-        if (app.theme === 'ios') return;
         const $tabbarEl = $(tabbarEl);
+        if (app.theme === 'ios' && !$tabbarEl.hasClass('tabbar-highlight')) return;
         if ($tabbarEl.length === 0 || !($tabbarEl.hasClass('tabbar') || $tabbarEl.hasClass('tabbar-labels'))) return;
         let $highlightEl = $tabbarEl.find('.tab-link-highlight');
         const tabLinksCount = $tabbarEl.find('.tab-link').length;
@@ -13885,6 +13907,11 @@
         if (!modal.type || !modal.$el) return;
         modal.$el.removeClass('modal-out');
         modal.$el.hide();
+
+        if (modal.params.backdrop && (modal.params.backdropUnique || modal.forceBackdropUnique) && modal.$backdropEl) {
+          modal.$backdropEl.remove();
+        }
+
         modal.$el.trigger(`modal:closed ${modal.type.toLowerCase()}:closed`);
         modal.emit(`local::closed modalClosed ${modal.type}Closed`, modal);
       }
@@ -13942,8 +13969,13 @@
 
 
         $el.show();
+
+        if (modal.params.backdrop && (modal.params.backdropUnique || modal.forceBackdropUnique) && modal.$backdropEl) {
+          modal.$backdropEl.insertBefore($el);
+        }
         /* eslint no-underscore-dangle: ["error", { "allow": ["_clientLeft"] }] */
 
+
         modal._clientLeft = $el[0].clientLeft; // Modal
 
         function transitionEnd() {