5.3.0 release

Author: nolimits4web

CHANGELOG.md

@@ -2,6 +2,26 @@
 
 # Change Log
 
+# [v5.3.0](https://github.com/framework7io/framework7/compare/v5.2.0...v5.3.0) - January 3, 2019
+  * Core
+    * Card
+      * Increased default `z-index` for expandable card
+    * Dialog
+      * Added support for `backdrop` parameter to be able to disable backdrop
+    * Sheet
+      * New `sheet.setSwipeSet()` method to update swipe step position if content was modified manually
+    * Tooltip
+      * New `offset` parameter to add extra offset to tooltip position
+    * Touch
+      * New `touch.activeStateOnMouseMove` boolean app parameter. If enabled it will not remove "active state" from clicked elements on mouse move
+    * Router Component
+      * Fixed issue with parsing CSS media queries in scoped styles
+      * Now it is possible to use whole app layout as a component
+        * Main app component can be specified in app `component` or `componentUrl` parameter
+        * `app.rootComponent` now refers to main app component instance
+        * If main app component is used, then `$root` in components refers to main app component instance
+    * Minor fixes
+
 # [v5.2.0](https://github.com/framework7io/framework7/compare/v5.1.3...v5.2.0) - December 8, 2019
   * Core
     * Accordion

packages/core/components/actions.js

@@ -1,5 +1,6 @@
 /* eslint indent: ["off"] */
 import $ from 'dom7';
+import { window, document } from 'ssr-window';
 import Utils from '../../utils/utils';
 import Modal from '../modal/modal-class';
 

packages/core/components/actions/actions-class.js

@@ -38,6 +38,8 @@ class Framework7 extends Framework7Class {
       autoDarkTheme: false,
       iosTranslucentBars: true,
       iosTranslucentModals: true,
+      component: undefined,
+      componentUrl: undefined,
     };
 
     // Extend defaults with modules params
@@ -108,7 +110,7 @@ class Framework7 extends Framework7Class {
       }
     };
     // Init
-    if (app.params.init) {
+    function init() {
       if (Device.cordova && app.params.initOnDeviceReady) {
         $(document).on('deviceready', () => {
           app.init();
@@ -117,6 +119,22 @@ class Framework7 extends Framework7Class {
         app.init();
       }
     }
+    if (app.params.component || app.params.componentUrl) {
+      app.router.componentLoader(
+        app.params.component,
+        app.params.componentUrl,
+        { componentOptions: { el: app.root[0] } },
+        (el) => {
+          app.root = $(el);
+          app.root[0].f7 = app;
+          app.rootComponent = el.f7Component;
+          if (app.params.init) init();
+        }
+      );
+    } else if (app.params.init) {
+      init();
+    }
+
     // Return app instance
     return app;
   }

packages/core/components/app/app-class.js

@@ -1,4 +1,5 @@
 import $ from 'dom7';
+import { window, document } from 'ssr-window';
 import Utils from '../../utils/utils';
 
 const fetchedModules = [];