5.4.2 release

framework7io · Feb 16, 2020 · 6db22bb · 6db22bb
1 parent 98a2e1a
commit 6db22bb
Show file tree

Hide file tree

Showing 66 changed files with 188 additions and 161 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,15 @@
 
 # Change Log
 
+# [v5.4.2](https://github.com/framework7io/framework7/compare/v5.4.1...v5.4.2) - February 16, 2020
+  * Core
+    * Card
+      * Fixed issue with expandable card overflow on iOS devices
+      * Fixed expandable card transition in RTL
+    * Text Editor
+      * Fixed issue when keyboard toolbar stays opened on navigating to another page
+  * Minor fixes
+
 # [v5.4.1](https://github.com/framework7io/framework7/compare/v5.4.0...v5.4.1) - February 8, 2020
   * Core
     * Touch

diff --git a/packages/core/components/card.css b/packages/core/components/card.css
diff --git a/packages/core/components/card.js b/packages/core/components/card.js
diff --git a/packages/core/components/card.rtl.css b/packages/core/components/card.rtl.css
diff --git a/packages/core/components/card/card.js b/packages/core/components/card/card.js
@@ -179,7 +179,7 @@ const CardExpandable = {
       .transform(`translate3d(${app.rtl ? (cardLeftOffset + translateX) : (-cardLeftOffset - translateX)}px, 0px, 0) scale(${1 / scaleX}, ${1 / scaleY})`);
 
     $cardEl
-      .transform(`translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
+      .transform(`translate3d(${app.rtl ? -translateX : translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
     if (cardParams.animate) {
       $cardEl.transitionEnd(() => {
         transitionEnd();
@@ -231,7 +231,7 @@ const CardExpandable = {
       translateX = (cardRightOffset - cardLeftOffset) / 2;
       translateY = (cardBottomOffset - cardTopOffset) / 2;
 
-      $cardEl.transform(`translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
+      $cardEl.transform(`translate3d(${app.rtl ? -translateX : translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
       $cardContentEl
         .css({
           width: `${maxWidth}px`,
@@ -312,7 +312,7 @@ const CardExpandable = {
         isMoved = false;
         app.card.close($cardEl);
       } else {
-        $cardEl.transform(`translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleX * (1 - progress * 0.2)}, ${scaleY * (1 - progress * 0.2)})`);
+        $cardEl.transform(`translate3d(${app.rtl ? -translateX : translateX}px, ${translateY}px, 0) scale(${scaleX * (1 - progress * 0.2)}, ${scaleY * (1 - progress * 0.2)})`);
       }
     }
     function onTouchEnd() {
@@ -327,7 +327,7 @@ const CardExpandable = {
       } else {
         $cardEl
           .addClass('card-transitioning')
-          .transform(`translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
+          .transform(`translate3d(${app.rtl ? -translateX : translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
       }
     }
 

diff --git a/packages/core/components/card/card.less b/packages/core/components/card/card.less
@@ -138,7 +138,7 @@
     }
   }
   &.active-state {
-    transform: scale(0.97);
+    transform: scale(0.97) translate3d(0,0,0);
   }
   .card-opened-fade-in,
   .card-opened-fade-out {

diff --git a/packages/core/components/text-editor.js b/packages/core/components/text-editor.js
diff --git a/packages/core/components/text-editor/text-editor-class.js b/packages/core/components/text-editor/text-editor-class.js
@@ -87,6 +87,7 @@ class TextEditor extends Framework7Class {
     self.onInput = self.onInput.bind(self);
     self.onPaste = self.onPaste.bind(self);
     self.onSelectionChange = self.onSelectionChange.bind(self);
+    self.closeKeyboardToolbar = self.closeKeyboardToolbar.bind(self);
 
     // Handle Events
     self.attachEvents = function attachEvents() {
@@ -95,6 +96,7 @@ class TextEditor extends Framework7Class {
       }
       if (self.params.mode === 'keyboard-toolbar') {
         self.$keyboardToolbarEl.on('click', 'button', self.onButtonClick);
+        self.$el.parents('.page').on('page:beforeout', self.closeKeyboardToolbar);
       }
       if (self.params.mode === 'popover' && self.popover) {
         self.popover.$el.on('click', 'button', self.onButtonClick);
@@ -111,6 +113,7 @@ class TextEditor extends Framework7Class {
       }
       if (self.params.mode === 'keyboard-toolbar') {
         self.$keyboardToolbarEl.off('click', 'button', self.onButtonClick);
+        self.$el.parents('.page').off('page:beforeout', self.closeKeyboardToolbar);
       }
       if (self.params.mode === 'popover' && self.popover) {
         self.popover.$el.off('click', 'button', self.onButtonClick);
@@ -491,6 +494,9 @@ class TextEditor extends Framework7Class {
     self.$el.trigger('texteditor:beforedestroy');
     self.emit('local::beforeDestroy textEditorBeforeDestroy', self);
     self.detachEvents();
+    if (self.params.mode === 'keyboard-toolbar' && self.$keyboardToolbarEl) {
+      self.$keyboardToolbarEl.remove();
+    }
     if (self.popover) {
       self.popover.close(false);
       self.popover.destroy();

diff --git a/packages/core/css/framework7.bundle.css b/packages/core/css/framework7.bundle.css
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 /*====================
@@ -10358,7 +10358,7 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view {
   width: 100%;
 }
 .card-expandable.active-state {
-  transform: scale(0.97);
+  transform: scale(0.97) translate3d(0, 0, 0);
 }
 .card-expandable .card-opened-fade-in,
 .card-expandable .card-opened-fade-out {

diff --git a/packages/core/css/framework7.bundle.min.css b/packages/core/css/framework7.bundle.min.css
diff --git a/packages/core/css/framework7.bundle.rtl.css b/packages/core/css/framework7.bundle.rtl.css
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 /*====================
@@ -10364,7 +10364,7 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view {
   width: 100%;
 }
 .card-expandable.active-state {
-  transform: scale(0.97);
+  transform: scale(0.97) translate3d(0, 0, 0);
 }
 .card-expandable .card-opened-fade-in,
 .card-expandable .card-opened-fade-out {

diff --git a/packages/core/css/framework7.bundle.rtl.min.css b/packages/core/css/framework7.bundle.rtl.min.css
diff --git a/packages/core/css/framework7.css b/packages/core/css/framework7.css
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 /*====================

diff --git a/packages/core/css/framework7.min.css b/packages/core/css/framework7.min.css
diff --git a/packages/core/css/framework7.rtl.css b/packages/core/css/framework7.rtl.css
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 /*====================

diff --git a/packages/core/css/framework7.rtl.min.css b/packages/core/css/framework7.rtl.min.css
diff --git a/packages/core/framework7-lite.esm.bundle.js b/packages/core/framework7-lite.esm.bundle.js
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 import Template7 from 'template7';

diff --git a/packages/core/framework7-lite.esm.js b/packages/core/framework7-lite.esm.js
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 import Template7 from 'template7';

diff --git a/packages/core/framework7.bundle.less b/packages/core/framework7.bundle.less
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 @import (reference) './less/mixins.less';

diff --git a/packages/core/framework7.esm.bundle.js b/packages/core/framework7.esm.bundle.js
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 import Template7 from 'template7';

diff --git a/packages/core/framework7.esm.js b/packages/core/framework7.esm.js
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 import Template7 from 'template7';

diff --git a/packages/core/framework7.less b/packages/core/framework7.less
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 @import (reference) './less/mixins.less';

diff --git a/packages/core/js/framework7-lite.bundle.js b/packages/core/js/framework7-lite.bundle.js
@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 (function (global, factory) {
@@ -17469,7 +17469,7 @@
         .transform(("translate3d(" + (app.rtl ? (cardLeftOffset + translateX) : (-cardLeftOffset - translateX)) + "px, 0px, 0) scale(" + (1 / scaleX) + ", " + (1 / scaleY) + ")"));
 
       $cardEl
-        .transform(("translate3d(" + translateX + "px, " + translateY + "px, 0) scale(" + scaleX + ", " + scaleY + ")"));
+        .transform(("translate3d(" + (app.rtl ? -translateX : translateX) + "px, " + translateY + "px, 0) scale(" + scaleX + ", " + scaleY + ")"));
       if (cardParams.animate) {
         $cardEl.transitionEnd(function () {
           transitionEnd();
@@ -17523,7 +17523,7 @@
         translateX = (cardRightOffset - cardLeftOffset) / 2;
         translateY = (cardBottomOffset - cardTopOffset) / 2;
 
-        $cardEl.transform(("translate3d(" + translateX + "px, " + translateY + "px, 0) scale(" + scaleX + ", " + scaleY + ")"));
+        $cardEl.transform(("translate3d(" + (app.rtl ? -translateX : translateX) + "px, " + translateY + "px, 0) scale(" + scaleX + ", " + scaleY + ")"));
         $cardContentEl
           .css({
             width: (maxWidth + "px"),
@@ -17604,7 +17604,7 @@
           isMoved = false;
           app.card.close($cardEl);
         } else {
-          $cardEl.transform(("translate3d(" + translateX + "px, " + translateY + "px, 0) scale(" + (scaleX * (1 - progress * 0.2)) + ", " + (scaleY * (1 - progress * 0.2)) + ")"));
+          $cardEl.transform(("translate3d(" + (app.rtl ? -translateX : translateX) + "px, " + translateY + "px, 0) scale(" + (scaleX * (1 - progress * 0.2)) + ", " + (scaleY * (1 - progress * 0.2)) + ")"));
         }
       }
       function onTouchEnd() {
@@ -17619,7 +17619,7 @@
         } else {
           $cardEl
             .addClass('card-transitioning')
-            .transform(("translate3d(" + translateX + "px, " + translateY + "px, 0) scale(" + scaleX + ", " + scaleY + ")"));
+            .transform(("translate3d(" + (app.rtl ? -translateX : translateX) + "px, " + translateY + "px, 0) scale(" + scaleX + ", " + scaleY + ")"));
         }
       }
 
@@ -38984,6 +38984,7 @@
       self.onInput = self.onInput.bind(self);
       self.onPaste = self.onPaste.bind(self);
       self.onSelectionChange = self.onSelectionChange.bind(self);
+      self.closeKeyboardToolbar = self.closeKeyboardToolbar.bind(self);
 
       // Handle Events
       self.attachEvents = function attachEvents() {
@@ -38992,6 +38993,7 @@
         }
         if (self.params.mode === 'keyboard-toolbar') {
           self.$keyboardToolbarEl.on('click', 'button', self.onButtonClick);
+          self.$el.parents('.page').on('page:beforeout', self.closeKeyboardToolbar);
         }
         if (self.params.mode === 'popover' && self.popover) {
           self.popover.$el.on('click', 'button', self.onButtonClick);
@@ -39008,6 +39010,7 @@
         }
         if (self.params.mode === 'keyboard-toolbar') {
           self.$keyboardToolbarEl.off('click', 'button', self.onButtonClick);
+          self.$el.parents('.page').off('page:beforeout', self.closeKeyboardToolbar);
         }
         if (self.params.mode === 'popover' && self.popover) {
           self.popover.$el.off('click', 'button', self.onButtonClick);
@@ -39388,6 +39391,9 @@
       self.$el.trigger('texteditor:beforedestroy');
       self.emit('local::beforeDestroy textEditorBeforeDestroy', self);
       self.detachEvents();
+      if (self.params.mode === 'keyboard-toolbar' && self.$keyboardToolbarEl) {
+        self.$keyboardToolbarEl.remove();
+      }
       if (self.popover) {
         self.popover.close(false);
         self.popover.destroy();
@@ -39738,15 +39744,15 @@
   };
 
   /**
-   * Framework7 5.4.1
+   * Framework7 5.4.2
    * Full featured mobile HTML framework for building iOS & Android apps
    * https://framework7.io/
    *
    * Copyright 2014-2020 Vladimir Kharlampidi
    *
    * Released under the MIT License
    *
-   * Released on: February 8, 2020
+   * Released on: February 16, 2020
    */
 
   // Install Core Modules & Components

diff --git a/packages/core/js/framework7-lite.bundle.min.js b/packages/core/js/framework7-lite.bundle.min.js
diff --git a/packages/core/js/framework7-lite.bundle.min.js.map b/packages/core/js/framework7-lite.bundle.min.js.map