4.5.1 release

CHANGELOG.md

@@ -2,6 +2,17 @@
 
 # Change Log
 
+# [v4.5.1](https://github.com/framework7io/framework7/compare/v4.5.0...v4.5.1) - September 19, 2019
+  * Core
+    * Router Component
+      * Improved scoped styles parsing algorithm
+    * Swiper
+      * Fixed error in swiper lazy module
+    * Color Picker
+      * Fixed error with "Current Color" module destroy
+    * Panel
+      * Fixed issue with not working `breakpoint` events
+
 # [v4.5.0](https://github.com/framework7io/framework7/compare/v4.4.10...v4.5.0) - August 21, 2019
   * Core
     * Router Component
@@ -34,7 +45,7 @@
     * Navbar
       * `nav-left` slot is also available as `left` slot
       * `nav-right` slot is also available as `right` slot
-      * New `title-large` slot to add custom content/layout to large title text 
+      * New `title-large` slot to add custom content/layout to large title text
     * List, ListGroup
       * New `sortableMoveElements` (boolean) prop that allow to override same `sortable.moveElements` global app parameter. That when disabled (`false`) won't move DOM elements on sort
   * Minor fixes

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

@@ -72,6 +72,7 @@ class Calendar extends Framework7Class {
     }
     function onHtmlClick(e) {
       const $targetEl = $(e.target);
+      if (calendar.destroyed || !calendar.params) return;
       if (calendar.isPopover()) return;
       if (!calendar.opened || calendar.closing) return;
       if ($targetEl.closest('[class*="backdrop"]').length) return;

packages/core/components/color-picker/color-picker-class.js

@@ -88,6 +88,7 @@ class ColorPicker extends Framework7Class {
       self.open();
     }
     function onHtmlClick(e) {
+      if (self.destroyed || !self.params) return;
       if (self.params.openIn === 'page') return;
       const $clickTargetEl = $(e.target);
       if (!self.opened || self.closing) return;
@@ -620,7 +621,7 @@ class ColorPicker extends Framework7Class {
       self.$inputEl.trigger('blur');
     }
     params.modules.forEach((m) => {
-      if (typeof m === 'string' && modules[m] && modules[m].update) {
+      if (typeof m === 'string' && modules[m] && modules[m].destroy) {
         modules[m].destroy(self);
       } else if (m && m.destroy) {
         m.destroy(self);

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

@@ -91,7 +91,7 @@ class Panel extends Framework7Class {
         });
         app.allowPanelOpen = true;
         if (emitEvents) {
-          app.emit('local::breakpoint panelBreakpoint');
+          panel.emit('local::breakpoint panelBreakpoint');
           panel.$el.trigger('panel:breakpoint', panel);
         }
       } else {
@@ -107,7 +107,7 @@ class Panel extends Framework7Class {
         [`margin-${side}`]: '',
       });
       if (emitEvents) {
-        app.emit('local::breakpoint panelBreakpoint');
+        panel.emit('local::breakpoint panelBreakpoint');
         panel.$el.trigger('panel:breakpoint', panel);
       }
     }
@@ -360,7 +360,7 @@ class Panel extends Framework7Class {
       $viewEl.css({
         [`margin-${panel.side}`]: '',
       });
-      app.emit('local::breakpoint panelBreakpoint');
+      panel.emit('local::breakpoint panelBreakpoint');
       panel.$el.trigger('panel:breakpoint', panel);
     }
 

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

@@ -52,6 +52,7 @@ class Picker extends Framework7Class {
       e.preventDefault();
     }
     function onHtmlClick(e) {
+      if (picker.destroyed || !picker.params) return;
       const $targetEl = $(e.target);
       if (picker.isPopover()) return;
       if (!picker.opened || picker.closing) return;

packages/core/css/framework7.bundle.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 /*====================

packages/core/css/framework7.bundle.rtl.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 /*====================

packages/core/css/framework7.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 /*====================

packages/core/css/framework7.rtl.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 /*====================

packages/core/framework7.bundle.less

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 @import (reference) './less/mixins.less';

packages/core/framework7.esm.bundle.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 import Template7 from 'template7';

packages/core/framework7.esm.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 import Template7 from 'template7';

packages/core/framework7.less

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 @import (reference) './less/mixins.less';

packages/core/js/framework7.bundle.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 (function (global, factory) {
@@ -11434,17 +11434,20 @@
     } else if (componentString.indexOf('<style scoped>') >= 0) {
       styleScoped = true;
       style = componentString.split('<style scoped>')[1].split('</style>')[0];
-      style = style.split('\n').map(function (line) {
-        var trimmedLine = line.trim();
-        if (trimmedLine.indexOf('@') === 0) { return line; }
-        if (line.indexOf('{') >= 0) {
-          if (line.indexOf('{{this}}') >= 0) {
-            return line.replace('{{this}}', ("[data-f7-" + id + "]"));
-          }
-          return ("[data-f7-" + id + "] " + (line.trim()));
-        }
-        return line;
-      }).join('\n');
+      style = style
+        .replace(/{{this}}/g, ("[data-f7-" + id + "]"))
+        .replace(/[\n]?([^{^}]*){/ig, function (string, rules) {
+          // eslint-disable-next-line
+          rules = rules
+            .split(',')
+            .map(function (rule) {
+              if (rule.indexOf(("[data-f7-" + id + "]")) >= 0) { return rule; }
+              return ("[data-f7-" + id + "] " + (rule.trim()));
+            })
+            .join(', ');
+
+          return ("\n" + rules + " {");
+        });
     }
 
     // Parse Script
@@ -18374,7 +18377,7 @@
           $viewEl.css(( obj = {}, obj[("margin-" + side)] = (($el.width()) + "px"), obj ));
           app.allowPanelOpen = true;
           if (emitEvents) {
-            app.emit('local::breakpoint panelBreakpoint');
+            panel.emit('local::breakpoint panelBreakpoint');
             panel.$el.trigger('panel:breakpoint', panel);
           }
         } else {
@@ -18386,7 +18389,7 @@
         panel.onClosed();
         $viewEl.css(( obj$2 = {}, obj$2[("margin-" + side)] = '', obj$2 ));
         if (emitEvents) {
-          app.emit('local::breakpoint panelBreakpoint');
+          panel.emit('local::breakpoint panelBreakpoint');
           panel.$el.trigger('panel:breakpoint', panel);
         }
       }
@@ -18653,7 +18656,7 @@
         var $viewEl = $(panel.getViewEl());
         panel.$el.css('display', '').removeClass('panel-visible-by-breakpoint panel-active');
         $viewEl.css(( obj = {}, obj[("margin-" + (panel.side))] = '', obj ));
-        app.emit('local::breakpoint panelBreakpoint');
+        panel.emit('local::breakpoint panelBreakpoint');
         panel.$el.trigger('panel:breakpoint', panel);
       }
 
@@ -22802,6 +22805,7 @@
       }
       function onHtmlClick(e) {
         var $targetEl = $(e.target);
+        if (calendar.destroyed || !calendar.params) { return; }
         if (calendar.isPopover()) { return; }
         if (!calendar.opened || calendar.closing) { return; }
         if ($targetEl.closest('[class*="backdrop"]').length) { return; }
@@ -24661,6 +24665,7 @@
         e.preventDefault();
       }
       function onHtmlClick(e) {
+        if (picker.destroyed || !picker.params) { return; }
         var $targetEl = $(e.target);
         if (picker.isPopover()) { return; }
         if (!picker.opened || picker.closing) { return; }
@@ -38381,6 +38386,7 @@
         self.open();
       }
       function onHtmlClick(e) {
+        if (self.destroyed || !self.params) { return; }
         if (self.params.openIn === 'page') { return; }
         var $clickTargetEl = $(e.target);
         if (!self.opened || self.closing) { return; }
@@ -38896,7 +38902,7 @@
         self.$inputEl.trigger('blur');
       }
       params.modules.forEach(function (m) {
-        if (typeof m === 'string' && modules[m] && modules[m].update) {
+        if (typeof m === 'string' && modules[m] && modules[m].destroy) {
           modules[m].destroy(self);
         } else if (m && m.destroy) {
           m.destroy(self);

packages/core/js/framework7.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 4.5.0
+ * Framework7 4.5.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * http://framework7.io/
  *
  * Copyright 2014-2019 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: August 21, 2019
+ * Released on: September 19, 2019
  */
 
 (function (global, factory) {
@@ -11434,17 +11434,20 @@
     } else if (componentString.indexOf('<style scoped>') >= 0) {
       styleScoped = true;
       style = componentString.split('<style scoped>')[1].split('</style>')[0];
-      style = style.split('\n').map(function (line) {
-        var trimmedLine = line.trim();
-        if (trimmedLine.indexOf('@') === 0) { return line; }
-        if (line.indexOf('{') >= 0) {
-          if (line.indexOf('{{this}}') >= 0) {
-            return line.replace('{{this}}', ("[data-f7-" + id + "]"));
-          }
-          return ("[data-f7-" + id + "] " + (line.trim()));
-        }
-        return line;
-      }).join('\n');
+      style = style
+        .replace(/{{this}}/g, ("[data-f7-" + id + "]"))
+        .replace(/[\n]?([^{^}]*){/ig, function (string, rules) {
+          // eslint-disable-next-line
+          rules = rules
+            .split(',')
+            .map(function (rule) {
+              if (rule.indexOf(("[data-f7-" + id + "]")) >= 0) { return rule; }
+              return ("[data-f7-" + id + "] " + (rule.trim()));
+            })
+            .join(', ');
+
+          return ("\n" + rules + " {");
+        });
     }
 
     // Parse Script