framework7 6.3.9 → 6.3.10

package/cjs/components/sortable/sortable.js

@@ -129,18 +129,31 @@ var Sortable = {
         var currentElOffset = $currentEl[0].offsetTop;
         var currentElHeight = $currentEl.height();
         var sortingElOffset = sortingElOffsetLocal + translate;
+        var currentTranslate;
+        var prevTranslate = $currentEl[0].f7Translate;
 
         if (sortingElOffset >= currentElOffset - currentElHeight / 2 && $sortingEl.index() < $currentEl.index()) {
-          $currentEl.transform("translate3d(0, " + -sortingElHeight + "px,0)");
+          currentTranslate = -sortingElHeight;
+          $currentEl.transform("translate3d(0, " + currentTranslate + "px,0)");
           $insertAfterEl = $currentEl;
           $insertBeforeEl = undefined;
         } else if (sortingElOffset <= currentElOffset + currentElHeight / 2 && $sortingEl.index() > $currentEl.index()) {
-          $currentEl.transform("translate3d(0, " + sortingElHeight + "px,0)");
+          currentTranslate = sortingElHeight;
+          $currentEl[0].f7Translate = currentTranslate;
+          $currentEl.transform("translate3d(0, " + currentTranslate + "px,0)");
           $insertAfterEl = undefined;
           if (!$insertBeforeEl) $insertBeforeEl = $currentEl;
         } else {
+          currentTranslate = undefined;
           $currentEl.transform('translate3d(0, 0%,0)');
         }
+
+        if (prevTranslate !== currentTranslate) {
+          $currentEl.trigger('sortable:move');
+          app.emit('sortableMove', $sortableContainer[0], $currentEl[0]);
+        }
+
+        $currentEl[0].f7Translate = currentTranslate;
       });
     }
 

package/cjs/framework7-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 "use strict";

package/cjs/framework7-lite-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 "use strict";

package/cjs/framework7-lite.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 "use strict";

package/cjs/framework7.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 "use strict";

package/components/sortable/sortable.d.ts

@@ -37,7 +37,9 @@ export namespace Sortable {
     /** Event will be triggered when sortable mode is disabled */
     sortableDisable: (listEl: HTMLElement) => void;
     /** Event will be triggered after user release currently sorting element in new position. indexes is an object with from and to properties with from/to index numbers of sorted list item */
-    sortableSort: (listEl: HTMLElement, indexes: SortIndexes) => void;
+    sortableSort: (itemEl: HTMLElement, indexes: SortIndexes, listEl: HTMLElement) => void;
+    /** Event will be triggered on every list item move during sorting */
+    sortableMove: (itemEl: HTMLElement, listEl: HTMLElement) => void;
   }
 }
 

package/components/sortable/sortable.js

@@ -1 +1 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var a=t.$,s=t.utils,o=(t.getDevice,t.getSupport),r=(t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,s.bindMethods),i={init:function(){var t,e,s,r,i,l,n,d,p,v,u,b,f,g,c,h,m,x,w,C,M,I=this;function T(o,r){e=!1,t=!0,M=!1,s="touchstart"===o.type?o.targetTouches[0].pageY:o.pageY,i=a(o.target).closest("li").eq(0),f=i.index(),n=i.parents(".sortable");var d=i.parents(".list-group");d.length&&d.parents(n).length&&(n=d),l=n.children("ul").children("li:not(.disallow-sorting):not(.no-sorting)"),I.panel&&(I.panel.allowOpen=!1),I.swipeout&&(I.swipeout.allow=!1),r&&(i.addClass("sorting"),n.addClass("sortable-sorting"),M=!0)}var L=!!o().passiveListener&&{passive:!1,capture:!1};a(document).on(I.touchEvents.start,".list.sortable .sortable-handler",T,L),I.on("touchmove:active",(function(o){if(t&&i){var f="touchmove"===o.type?o.targetTouches[0].pageY:o.pageY;if(!e){g=i.parents(".page"),c=i.parents(".page-content");var M=parseInt(c.css("padding-top"),10),I=parseInt(c.css("padding-bottom"),10);C=c[0].scrollTop,m=g.offset().top+M,h=g.height()-M-I,i.addClass("sorting"),n.addClass("sortable-sorting"),x=i[0].offsetTop,p=i[0].offsetTop,v=i.parent().height()-x-i.height(),d=i[0].offsetHeight,w=i.offset().top}e=!0,o.preventDefault(),o.f7PreventSwipePanel=!0,r=f-s;var T=c[0].scrollTop-C,L=Math.min(Math.max(r+T,-p),v);i.transform("translate3d(0,"+L+"px,0)");var E,y=44,V=!0;r+T+y<-p&&(V=!1),r+T-y>v&&(V=!1),b=void 0,u=void 0,V&&(w+r+d+y>m+h&&(E=w+r+d+y-(m+h)),w+r<m+y&&(E=w+r-m-y),E&&(c[0].scrollTop+=E)),l.each((function(t){var e=a(t);if(e[0]!==i[0]){var s=e[0].offsetTop,o=e.height(),r=x+L;r>=s-o/2&&i.index()<e.index()?(e.transform("translate3d(0, "+-d+"px,0)"),u=e,b=void 0):r<=s+o/2&&i.index()>e.index()?(e.transform("translate3d(0, "+d+"px,0)"),u=void 0,b||(b=e)):e.transform("translate3d(0, 0%,0)")}}))}})),I.on("touchend:passive",(function(){if(!t||!e)return t&&!e&&(I.panel&&(I.panel.allowOpen=!0),I.swipeout&&(I.swipeout.allow=!0),M&&(i.removeClass("sorting"),n.removeClass("sortable-sorting"))),t=!1,void(e=!1);var a;I.panel&&(I.panel.allowOpen=!0),I.swipeout&&(I.swipeout.allow=!0),l.transform(""),i.removeClass("sorting"),n.removeClass("sortable-sorting"),u?a=u.index():b&&(a=b.index());var s=n.dataset().sortableMoveElements;if(void 0===s&&(s=I.params.sortable.moveElements),s&&(u&&i.insertAfter(u),b&&i.insertBefore(b)),(u||b)&&n.hasClass("virtual-list")){void 0===(f=i[0].f7VirtualListIndex)&&(f=i.attr("data-virtual-list-index")),b?void 0===(a=b[0].f7VirtualListIndex)&&(a=b.attr("data-virtual-list-index")):void 0===(a=u[0].f7VirtualListIndex)&&(a=u.attr("data-virtual-list-index")),a=null!==a?parseInt(a,10):void 0;var o=n[0].f7VirtualList;f&&(f=parseInt(f,10)),a&&(a=parseInt(a,10)),o&&o.moveItem(f,a)}void 0===a||Number.isNaN(a)||a===f||(i.trigger("sortable:sort",{from:f,to:a}),I.emit("sortableSort",i[0],{from:f,to:a,el:i[0]},n[0])),b=void 0,u=void 0,t=!1,e=!1})),a(document).on("taphold",".sortable-tap-hold",(function(t,e){T(e,!0)}))},enable:function(t){void 0===t&&(t=".list.sortable");var e=a(t);0!==e.length&&(e.addClass("sortable-enabled"),e.trigger("sortable:enable"),this.emit("sortableEnable",e[0]))},disable:function(t){void 0===t&&(t=".list.sortable");var e=a(t);0!==e.length&&(e.removeClass("sortable-enabled"),e.trigger("sortable:disable"),this.emit("sortableDisable",e[0]))},toggle:function(t){void 0===t&&(t=".list.sortable");var e=a(t);0!==e.length&&(e.hasClass("sortable-enabled")?this.sortable.disable(e):this.sortable.enable(e))}},l={name:"sortable",params:{sortable:{moveElements:!0}},create:function(){r(this,{sortable:i})},on:{init:function(){this.params.sortable&&this.sortable.init()}},clicks:{".sortable-enable":function(t,e){void 0===e&&(e={});this.sortable.enable(e.sortable)},".sortable-disable":function(t,e){void 0===e&&(e={});this.sortable.disable(e.sortable)},".sortable-toggle":function(t,e){void 0===e&&(e={});this.sortable.toggle(e.sortable)}}};if(e){if(t.prototype.modules&&t.prototype.modules[l.name])return;t.use(l),t.instance&&(t.instance.useModuleParams(l,t.instance.params),t.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var a=t.$,s=t.utils,o=(t.getDevice,t.getSupport),r=(t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,s.bindMethods),i={init:function(){var t,e,s,r,i,l,n,d,p,v,b,u,f,g,c,h,m,x,w,C,M,T=this;function I(o,r){e=!1,t=!0,M=!1,s="touchstart"===o.type?o.targetTouches[0].pageY:o.pageY,i=a(o.target).closest("li").eq(0),f=i.index(),n=i.parents(".sortable");var d=i.parents(".list-group");d.length&&d.parents(n).length&&(n=d),l=n.children("ul").children("li:not(.disallow-sorting):not(.no-sorting)"),T.panel&&(T.panel.allowOpen=!1),T.swipeout&&(T.swipeout.allow=!1),r&&(i.addClass("sorting"),n.addClass("sortable-sorting"),M=!0)}var L=!!o().passiveListener&&{passive:!1,capture:!1};a(document).on(T.touchEvents.start,".list.sortable .sortable-handler",I,L),T.on("touchmove:active",(function(o){if(t&&i){var f="touchmove"===o.type?o.targetTouches[0].pageY:o.pageY;if(!e){g=i.parents(".page"),c=i.parents(".page-content");var M=parseInt(c.css("padding-top"),10),I=parseInt(c.css("padding-bottom"),10);C=c[0].scrollTop,m=g.offset().top+M,h=g.height()-M-I,i.addClass("sorting"),n.addClass("sortable-sorting"),x=i[0].offsetTop,p=i[0].offsetTop,v=i.parent().height()-x-i.height(),d=i[0].offsetHeight,w=i.offset().top}e=!0,o.preventDefault(),o.f7PreventSwipePanel=!0,r=f-s;var L=c[0].scrollTop-C,E=Math.min(Math.max(r+L,-p),v);i.transform("translate3d(0,"+E+"px,0)");var y,V=44,Y=!0;r+L+V<-p&&(Y=!1),r+L-V>v&&(Y=!1),u=void 0,b=void 0,Y&&(w+r+d+V>m+h&&(y=w+r+d+V-(m+h)),w+r<m+V&&(y=w+r-m-V),y&&(c[0].scrollTop+=y)),l.each((function(t){var e=a(t);if(e[0]!==i[0]){var s,o=e[0].offsetTop,r=e.height(),l=x+E,p=e[0].f7Translate;l>=o-r/2&&i.index()<e.index()?(s=-d,e.transform("translate3d(0, "+s+"px,0)"),b=e,u=void 0):l<=o+r/2&&i.index()>e.index()?(s=d,e[0].f7Translate=s,e.transform("translate3d(0, "+s+"px,0)"),b=void 0,u||(u=e)):(s=void 0,e.transform("translate3d(0, 0%,0)")),p!==s&&(e.trigger("sortable:move"),T.emit("sortableMove",n[0],e[0])),e[0].f7Translate=s}}))}})),T.on("touchend:passive",(function(){if(!t||!e)return t&&!e&&(T.panel&&(T.panel.allowOpen=!0),T.swipeout&&(T.swipeout.allow=!0),M&&(i.removeClass("sorting"),n.removeClass("sortable-sorting"))),t=!1,void(e=!1);var a;T.panel&&(T.panel.allowOpen=!0),T.swipeout&&(T.swipeout.allow=!0),l.transform(""),i.removeClass("sorting"),n.removeClass("sortable-sorting"),b?a=b.index():u&&(a=u.index());var s=n.dataset().sortableMoveElements;if(void 0===s&&(s=T.params.sortable.moveElements),s&&(b&&i.insertAfter(b),u&&i.insertBefore(u)),(b||u)&&n.hasClass("virtual-list")){void 0===(f=i[0].f7VirtualListIndex)&&(f=i.attr("data-virtual-list-index")),u?void 0===(a=u[0].f7VirtualListIndex)&&(a=u.attr("data-virtual-list-index")):void 0===(a=b[0].f7VirtualListIndex)&&(a=b.attr("data-virtual-list-index")),a=null!==a?parseInt(a,10):void 0;var o=n[0].f7VirtualList;f&&(f=parseInt(f,10)),a&&(a=parseInt(a,10)),o&&o.moveItem(f,a)}void 0===a||Number.isNaN(a)||a===f||(i.trigger("sortable:sort",{from:f,to:a}),T.emit("sortableSort",i[0],{from:f,to:a,el:i[0]},n[0])),u=void 0,b=void 0,t=!1,e=!1})),a(document).on("taphold",".sortable-tap-hold",(function(t,e){I(e,!0)}))},enable:function(t){void 0===t&&(t=".list.sortable");var e=a(t);0!==e.length&&(e.addClass("sortable-enabled"),e.trigger("sortable:enable"),this.emit("sortableEnable",e[0]))},disable:function(t){void 0===t&&(t=".list.sortable");var e=a(t);0!==e.length&&(e.removeClass("sortable-enabled"),e.trigger("sortable:disable"),this.emit("sortableDisable",e[0]))},toggle:function(t){void 0===t&&(t=".list.sortable");var e=a(t);0!==e.length&&(e.hasClass("sortable-enabled")?this.sortable.disable(e):this.sortable.enable(e))}},l={name:"sortable",params:{sortable:{moveElements:!0}},create:function(){r(this,{sortable:i})},on:{init:function(){this.params.sortable&&this.sortable.init()}},clicks:{".sortable-enable":function(t,e){void 0===e&&(e={});this.sortable.enable(e.sortable)},".sortable-disable":function(t,e){void 0===e&&(e={});this.sortable.disable(e.sortable)},".sortable-toggle":function(t,e){void 0===e&&(e={});this.sortable.toggle(e.sortable)}}};if(e){if(t.prototype.modules&&t.prototype.modules[l.name])return;t.use(l),t.instance&&(t.instance.useModuleParams(l,t.instance.params),t.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/esm/components/sortable/sortable.js

@@ -118,18 +118,31 @@ var Sortable = {
         var currentElOffset = $currentEl[0].offsetTop;
         var currentElHeight = $currentEl.height();
         var sortingElOffset = sortingElOffsetLocal + translate;
+        var currentTranslate;
+        var prevTranslate = $currentEl[0].f7Translate;
 
         if (sortingElOffset >= currentElOffset - currentElHeight / 2 && $sortingEl.index() < $currentEl.index()) {
-          $currentEl.transform("translate3d(0, " + -sortingElHeight + "px,0)");
+          currentTranslate = -sortingElHeight;
+          $currentEl.transform("translate3d(0, " + currentTranslate + "px,0)");
           $insertAfterEl = $currentEl;
           $insertBeforeEl = undefined;
         } else if (sortingElOffset <= currentElOffset + currentElHeight / 2 && $sortingEl.index() > $currentEl.index()) {
-          $currentEl.transform("translate3d(0, " + sortingElHeight + "px,0)");
+          currentTranslate = sortingElHeight;
+          $currentEl[0].f7Translate = currentTranslate;
+          $currentEl.transform("translate3d(0, " + currentTranslate + "px,0)");
           $insertAfterEl = undefined;
           if (!$insertBeforeEl) $insertBeforeEl = $currentEl;
         } else {
+          currentTranslate = undefined;
           $currentEl.transform('translate3d(0, 0%,0)');
         }
+
+        if (prevTranslate !== currentTranslate) {
+          $currentEl.trigger('sortable:move');
+          app.emit('sortableMove', $sortableContainer[0], $currentEl[0]);
+        }
+
+        $currentEl[0].f7Translate = currentTranslate;
       });
     }
 

package/esm/framework7-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 import $ from './shared/dom7';

package/esm/framework7-lite-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 import $ from './shared/dom7';

package/esm/framework7-lite.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 import $ from './shared/dom7';

package/esm/framework7.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 import $ from './shared/dom7';

package/framework7-bundle-rtl.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.9
+ * Framework7 6.3.10
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 18, 2021
+ * Released on: December 8, 2021
  */
 
 /*====================