framework7 6.3.8 → 6.3.12

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",e[0],n[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/components/tabs/tabs.js

@@ -1 +1 @@
-(function framework7ComponentLoader(a,t){void 0===t&&(t=!0);var e=a.$,n=a.utils,i=(a.getDevice,a.getSupport,a.Class,a.Modal,a.ConstructorMethods,a.ModalMethods,n.extend),r={show:function(){for(var a,t,n,i,r,s=this,l=arguments.length,o=new Array(l),b=0;b<l;b++)o[b]=arguments[b];1===o.length&&o[0]&&o[0].constructor===Object?(a=o[0].tabEl,t=o[0].tabLinkEl,n=o[0].animate,i=o[0].tabRoute,r=o[0].animatedInit):(a=o[0],t=o[1],n=o[2],i=o[3],"boolean"==typeof o[1]&&(a=o[0],n=o[1],t=o[2],i=o[3],o.length>2&&t.constructor===Object&&(a=o[0],n=o[1],i=o[2],t=o[3]))),void 0===n&&(n=!0);var h,d=e(a);if(i&&d[0]&&(d[0].f7TabRoute=i),!r&&(0===d.length||d.hasClass("tab-active")))return{$newTabEl:d,newTabEl:d[0]};t&&(h=e(t));var g=d.parent(".tabs");if(0===g.length)return{$newTabEl:d,newTabEl:d[0]};s.swipeout&&(s.swipeout.allowOpen=!0);var c=[];function p(a){c.push(a)}function u(){c.forEach((function(a){a()}))}var f,v=!1;if(g.parent().hasClass("tabs-animated-wrap")){g.parent()[n?"removeClass":"addClass"]("not-animated");var m=parseFloat(g.css("transition-duration").replace(",","."));n&&m&&(g.transitionEnd(u),v=!0);var w=100*(s.rtl?d.index():-d.index());g.transform("translate3d("+w+"%,0,0)")}g.parent().hasClass("tabs-swipeable-wrap")&&s.swiper&&((f=g.parent()[0].swiper)&&f.activeIndex!==d.index()?(v=!0,f.once("slideChangeTransitionEnd",(function(){u()})).slideTo(d.index(),n?void 0:0)):f&&f.animating&&(v=!0,f.once("slideChangeTransitionEnd",(function(){u()}))));var E=g.children(".tab-active");if(E.removeClass("tab-active"),!r&&(!f||f&&!f.animating||f&&i)&&(E.hasClass("view")&&E.children(".page").length&&E.children(".page").each((function(a){e(a).trigger("page:tabhide"),s.emit("pageTabHide",a)})),E.trigger("tab:hide"),s.emit("tabHide",E[0])),d.addClass("tab-active"),!r&&(!f||f&&!f.animating||f&&i)&&(d.hasClass("view")&&d.children(".page").length&&d.children(".page").each((function(a){e(a).trigger("page:tabshow"),s.emit("pageTabShow",a)})),d.trigger("tab:show"),s.emit("tabShow",d[0])),!h&&((!(h=e("string"==typeof a?'.tab-link[href="'+a+'"]':'.tab-link[href="#'+d.attr("id")+'"]'))||h&&0===h.length)&&e("[data-tab]").each((function(a){d.is(e(a).attr("data-tab"))&&(h=e(a))})),i&&(!h||h&&0===h.length)&&0===(h=e('[data-route-tab-id="'+i.route.tab.id+'"]')).length&&(h=e('.tab-link[href="'+i.url+'"]')),h.length>1&&d.parents(".page").length&&(h=h.filter((function(a){return e(a).parents(".page")[0]===d.parents(".page")[0]})),"ios"===s.theme&&0===h.length&&i))){var C=d.parents(".page"),k=e(s.navbar.getElByPage(C));0===(h=k.find('[data-route-tab-id="'+i.route.tab.id+'"]')).length&&(h=k.find('.tab-link[href="'+i.url+'"]'))}if(h.length>0){var T;if(E&&E.length>0){var x=E.attr("id");x&&(!(T=e('.tab-link[href="#'+x+'"]'))||T&&0===T.length)&&(T=e('.tab-link[data-route-tab-id="'+x+'"]')),(!T||T&&0===T.length)&&e("[data-tab]").each((function(a){E.is(e(a).attr("data-tab"))&&(T=e(a))})),(!T||T&&0===T.length)&&(T=h.siblings(".tab-link-active"))}else i&&(T=h.siblings(".tab-link-active"));if(T&&T.length>1&&E&&E.parents(".page").length&&(T=T.filter((function(a){return e(a).parents(".page")[0]===E.parents(".page")[0]}))),T&&T.length>0&&T.removeClass("tab-link-active"),h&&h.length>0&&(h.addClass("tab-link-active"),"ios"!==s.theme&&s.toolbar)){var M=h.parents(".tabbar, .tabbar-labels");M.length>0&&s.toolbar.setHighlight(M)}}return{$newTabEl:d,newTabEl:d[0],$oldTabEl:E,oldTabEl:E[0],onTabsChanged:p,animated:v}}},s={name:"tabs",create:function(){i(this,{tab:{show:r.show.bind(this)}})},on:{"pageInit tabMounted":function(a){var t=e(a.el||a).find(".tabs-animated-wrap > .tabs > .tab-active")[0];if(t){this.tab.show({tabEl:t,animatedInit:!0,animate:!1})}}},clicks:{".tab-link":function(a,t){if(void 0===t&&(t={}),a.attr("href")&&0===a.attr("href").indexOf("#")||a.attr("data-tab")){this.tab.show({tabEl:t.tab||a.attr("href"),tabLinkEl:a,animate:t.animate})}}}};if(t){if(a.prototype.modules&&a.prototype.modules[s.name])return;a.use(s),a.instance&&(a.instance.useModuleParams(s,a.instance.params),a.instance.useModule(s))}return s}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(a,t){void 0===t&&(t=!0);var e=a.$,n=a.utils,i=(a.getDevice,a.getSupport,a.Class,a.Modal,a.ConstructorMethods,a.ModalMethods,n.extend),r={show:function(){for(var a,t,n,i,r,s=this,l=arguments.length,o=new Array(l),b=0;b<l;b++)o[b]=arguments[b];1===o.length&&o[0]&&o[0].constructor===Object?(a=o[0].tabEl,t=o[0].tabLinkEl,n=o[0].animate,i=o[0].tabRoute,r=o[0].animatedInit):(a=o[0],t=o[1],n=o[2],i=o[3],"boolean"==typeof o[1]&&(a=o[0],n=o[1],t=o[2],i=o[3],o.length>2&&t.constructor===Object&&(a=o[0],n=o[1],i=o[2],t=o[3]))),void 0===n&&(n=!0);var h,d=e(a);if(i&&d[0]&&(d[0].f7TabRoute=i),!r&&(0===d.length||d.hasClass("tab-active")))return{$newTabEl:d,newTabEl:d[0]};t&&(h=e(t));var g=d.parent(".tabs");if(0===g.length)return{$newTabEl:d,newTabEl:d[0]};s.swipeout&&(s.swipeout.allowOpen=!0);var c=[];function p(a){c.push(a)}function u(){c.forEach((function(a){a()}))}var f,v=!1;if(g.parent().hasClass("tabs-animated-wrap")){g.parent()[n?"removeClass":"addClass"]("not-animated");var m=parseFloat(g.css("transition-duration").replace(",","."));n&&m&&(g.transitionEnd(u),v=!0);var w=100*(s.rtl?d.index():-d.index());g.transform("translate3d("+w+"%,0,0)")}g.parent().hasClass("tabs-swipeable-wrap")&&s.swiper&&((f=g.parent()[0].swiper)&&f.activeIndex!==d.index()?(v=!0,f.once("slideChangeTransitionEnd",(function(){u()})).slideTo(d.index(),n?void 0:0)):f&&f.animating&&(v=!0,f.once("slideChangeTransitionEnd",(function(){u()}))));var C=g.children(".tab-active");if(C.removeClass("tab-active"),!r&&(!f||f&&!f.animating||f&&i)&&(C.hasClass("view")&&C.children(".page").length&&C.children(".page").each((function(a){e(a).trigger("page:tabhide"),s.emit("pageTabHide",a)})),C.trigger("tab:hide"),s.emit("tabHide",C[0])),d.addClass("tab-active"),!r&&(!f||f&&!f.animating||f&&i)&&(d.hasClass("view")&&d.children(".page").length&&d.children(".page").each((function(a){e(a).trigger("page:tabshow"),s.emit("pageTabShow",a)})),d.trigger("tab:show"),s.emit("tabShow",d[0])),!h&&((!(h=e("string"==typeof a?'.tab-link[href="'+a+'"]':'.tab-link[href="#'+d.attr("id")+'"]'))||h&&0===h.length)&&e("[data-tab]").each((function(a){d.is(e(a).attr("data-tab"))&&(h=e(a))})),i&&(!h||h&&0===h.length)&&0===(h=e('[data-route-tab-id="'+i.route.tab.id+'"]')).length&&(h=e('.tab-link[href="'+i.url+'"]')),h.length>1&&d.parents(".page").length&&(h=h.filter((function(a){return e(a).parents(".page")[0]===d.parents(".page")[0]})),"ios"===s.theme&&0===h.length&&i))){var E=d.parents(".page"),k=e(s.navbar.getElByPage(E));0===(h=k.find('[data-route-tab-id="'+i.route.tab.id+'"]')).length&&(h=k.find('.tab-link[href="'+i.url+'"]'))}if(h.length>0){var T;if(C&&C.length>0){var x=C.attr("id");x&&(!(T=e('.tab-link[href="#'+x+'"]'))||T&&0===T.length)&&(T=e('.tab-link[data-route-tab-id="'+x+'"]')),(!T||T&&0===T.length)&&e("[data-tab]").each((function(a){C.is(e(a).attr("data-tab"))&&(T=e(a))})),(!T||T&&0===T.length)&&(T=h.siblings(".tab-link-active"))}else i&&(T=h.siblings(".tab-link-active"));if(T&&T.length>1&&C&&C.parents(".page").length&&(T=T.filter((function(a){return e(a).parents(".page")[0]===C.parents(".page")[0]}))),T&&T.length>0&&T.removeClass("tab-link-active"),h&&h.length>0){h.addClass("tab-link-active");var M=h.parents(".tabbar, .tabbar-labels"),y=s.toolbar&&M.length>0&&(M.hasClass("tabbar-highlight")||"ios"!==s.theme);y&&s.toolbar.setHighlight(M)}}return{$newTabEl:d,newTabEl:d[0],$oldTabEl:C,oldTabEl:C[0],onTabsChanged:p,animated:v}}},s={name:"tabs",create:function(){i(this,{tab:{show:r.show.bind(this)}})},on:{"pageInit tabMounted":function(a){var t=e(a.el||a).find(".tabs-animated-wrap > .tabs > .tab-active")[0];if(t){this.tab.show({tabEl:t,animatedInit:!0,animate:!1})}}},clicks:{".tab-link":function(a,t){if(void 0===t&&(t={}),a.attr("href")&&0===a.attr("href").indexOf("#")||a.attr("data-tab")){this.tab.show({tabEl:t.tab||a.attr("href"),tabLinkEl:a,animate:t.animate})}}}};if(t){if(a.prototype.modules&&a.prototype.modules[s.name])return;a.use(s),a.instance&&(a.instance.useModuleParams(s,a.instance.params),a.instance.useModule(s))}return s}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/toolbar/toolbar-aurora.less

@@ -10,19 +10,6 @@
   }
   .tabbar,
   .tabbar-labels {
-    .tab-link-highlight {
-      position: absolute;
-      left: 0;
-      height: 2px;
-      background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-      transition-duration: 300ms;
-      .ltr({
-        left: 0;
-      });
-      .rtl({
-        right: 0;
-      });
-    }
     .toolbar-inner {
       padding-left: 0;
       padding-right: 0;

package/components/toolbar/toolbar-md.less

@@ -26,19 +26,6 @@
       overflow: hidden;
       position: relative;
     }
-    .tab-link-highlight {
-      position: absolute;
-      left: 0;
-      height: 2px;
-      background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-      transition-duration: 300ms;
-      .ltr({
-        left: 0;
-      });
-      .rtl({
-        right: 0;
-      });
-    }
   }
 
   .tabbar-labels {

package/components/toolbar/toolbar.less

@@ -153,6 +153,19 @@
     height: var(--f7-tabbar-icon-size);
     line-height: var(--f7-tabbar-icon-size);
   }
+  .tab-link-highlight {
+    position: absolute;
+    left: 0;
+    height: 2px;
+    background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
+    transition-duration: 300ms;
+    .ltr({
+      left: 0;
+    });
+    .rtl({
+      right: 0;
+    });
+  }
 }
 .tabbar-labels {
   --f7-toolbar-height: var(--f7-tabbar-labels-height);

package/esm/components/calendar/calendar-class.js

@@ -68,17 +68,34 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
       allowTouchMove: true,
       hasTimePicker: calendar.params.timePicker && !calendar.params.rangePicker && !calendar.params.multiple
     });
-    calendar.dayFormatter = new Intl.DateTimeFormat(calendar.params.locale, {
-      day: 'numeric'
-    });
-    calendar.monthFormatter = new Intl.DateTimeFormat(calendar.params.locale, {
-      month: 'long'
-    });
-    calendar.yearFormatter = new Intl.DateTimeFormat(calendar.params.locale, {
-      year: 'numeric'
-    });
-    calendar.timeSelectorFormatter = new Intl.DateTimeFormat(calendar.params.locale, calendar.params.timePickerFormat);
-    var timeFormatCheckDate = calendar.timeSelectorFormatter.format(new Date()).toLowerCase();
+
+    calendar.dayFormatter = function (date) {
+      var formatter = new Intl.DateTimeFormat(calendar.params.locale, {
+        day: 'numeric'
+      });
+      return formatter.format(date).replace(/日/, '');
+    };
+
+    calendar.monthFormatter = function (date) {
+      var formatter = new Intl.DateTimeFormat(calendar.params.locale, {
+        month: 'long'
+      });
+      return formatter.format(date);
+    };
+
+    calendar.yearFormatter = function (date) {
+      var formatter = new Intl.DateTimeFormat(calendar.params.locale, {
+        year: 'numeric'
+      });
+      return formatter.format(date);
+    };
+
+    calendar.timeSelectorFormatter = function (date) {
+      var formatter = new Intl.DateTimeFormat(calendar.params.locale, calendar.params.timePickerFormat);
+      return formatter.format(date);
+    };
+
+    var timeFormatCheckDate = calendar.timeSelectorFormatter(new Date()).toLowerCase();
     calendar.is12HoursFormat = timeFormatCheckDate.indexOf('pm') >= 0 || timeFormatCheckDate.indexOf('am') >= 0; // Auto names
 
     var _calendar$params = calendar.params,
@@ -483,7 +500,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
 
     for (var i = 0; i < 24; i += 1) {
       var date = new Date().setMonth(i, 1);
-      var currentYear = calendar.yearFormatter.format(date);
+      var currentYear = calendar.yearFormatter(date);
 
       if (year && currentYear !== year) {
         if (yearStarted) yearEnded = true;
@@ -782,7 +799,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
     }
 
     if ($el && $el.length > 0 && calendar.hasTimePicker) {
-      $el.find('.calendar-time-selector a').text(value && value.length ? calendar.timeSelectorFormatter.format(value[0]) : calendar.params.timePickerPlaceholder);
+      $el.find('.calendar-time-selector a').text(value && value.length ? calendar.timeSelectorFormatter(value[0]) : calendar.params.timePickerPlaceholder);
     }
 
     if ($inputEl && $inputEl.length || params.header) {
@@ -1213,9 +1230,9 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
     var date = new Date(d);
     var year = date.getFullYear();
     var month = date.getMonth();
-    var localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter.format(date));
+    var localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter(date));
     if (localeMonth < 0) localeMonth = month;
-    var localeYear = calendar.yearFormatter.format(date);
+    var localeYear = calendar.yearFormatter(date);
 
     if (offset === 'next') {
       if (month === 11) date = new Date(year + 1, 0);else date = new Date(year, month + 1, 1);
@@ -1228,9 +1245,9 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
     if (offset === 'next' || offset === 'prev') {
       month = date.getMonth();
       year = date.getFullYear();
-      localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter.format(date));
+      localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter(date));
       if (localeMonth < 0) localeMonth = month;
-      localeYear = calendar.yearFormatter.format(date);
+      localeYear = calendar.yearFormatter(date);
     }
 
     var currentValues = [];
@@ -1375,7 +1392,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
         dayDate = new Date(dayDate);
         var dayYear = dayDate.getFullYear();
         var dayMonth = dayDate.getMonth();
-        var dayNumberDisplay = calendar.dayFormatter.format(dayDate); // prettier-ignore
+        var dayNumberDisplay = calendar.dayFormatter(dayDate); // prettier-ignore
 
         rowHtml += ("\n          <div data-year=\"" + dayYear + "\" data-month=\"" + dayMonth + "\" data-day=\"" + dayNumber + "\" class=\"calendar-day" + addClass + "\" data-date=\"" + dayYear + "-" + dayMonth + "-" + dayNumber + "\">\n            <span class=\"calendar-day-number\">" + dayNumberDisplay + eventsHtml + "</span>\n          </div>").trim();
       };
@@ -1499,7 +1516,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
       return $jsx("div", {
         "data-year": year,
         class: "calendar-year-picker-item " + (year === currentYear ? 'calendar-year-picker-item-current' : '')
-      }, $jsx("span", null, calendar.yearFormatter.format(new Date().setFullYear(year))));
+      }, $jsx("span", null, calendar.yearFormatter(new Date().setFullYear(year))));
     }));
   } // eslint-disable-next-line
   ;
@@ -1508,7 +1525,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
     var calendar = this;
     var value = calendar.value && calendar.value[0];
     var timeString;
-    if (value) timeString = calendar.timeSelectorFormatter.format(value);
+    if (value) timeString = calendar.timeSelectorFormatter(value);
     return $jsx("div", {
       class: "calendar-time-selector"
     }, $jsx("a", {

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', $currentEl[0], $sortableContainer[0]);
+        }
+
+        $currentEl[0].f7Translate = currentTranslate;
       });
     }
 

package/esm/components/tabs/tabs.js

@@ -224,12 +224,11 @@ var Tab = {
       if ($tabLinkEl && $tabLinkEl.length > 0) {
         $tabLinkEl.addClass('tab-link-active'); // Material Highlight
 
-        if (app.theme !== 'ios' && app.toolbar) {
-          var $tabbarEl = $tabLinkEl.parents('.tabbar, .tabbar-labels');
+        var $tabbarEl = $tabLinkEl.parents('.tabbar, .tabbar-labels');
+        var hasHighlight = app.toolbar && $tabbarEl.length > 0 && ($tabbarEl.hasClass('tabbar-highlight') || app.theme !== 'ios');
 
-          if ($tabbarEl.length > 0) {
-            app.toolbar.setHighlight($tabbarEl);
-          }
+        if (hasHighlight) {
+          app.toolbar.setHighlight($tabbarEl);
         }
       }
     }

package/esm/components/toolbar/toolbar.js

@@ -3,8 +3,8 @@ import { nextFrame, bindMethods } from '../../shared/utils';
 var Toolbar = {
   setHighlight: function setHighlight(tabbarEl) {
     var app = this;
-    if (app.theme === 'ios') return;
     var $tabbarEl = $(tabbarEl);
+    if (app.theme === 'ios' && !$tabbarEl.hasClass('tabbar-highlight')) return;
     if ($tabbarEl.length === 0 || !($tabbarEl.hasClass('tabbar') || $tabbarEl.hasClass('tabbar-labels'))) return;
     var $highlightEl = $tabbarEl.find('.tab-link-highlight');
     var tabLinksCount = $tabbarEl.find('.tab-link').length;

package/esm/framework7-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.8
+ * Framework7 6.3.12
  * 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 8, 2021
+ * Released on: December 13, 2021
  */
 
 import $ from './shared/dom7';

package/esm/framework7-lite-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.8
+ * Framework7 6.3.12
  * 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 8, 2021
+ * Released on: December 13, 2021
  */
 
 import $ from './shared/dom7';

package/esm/framework7-lite.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.8
+ * Framework7 6.3.12
  * 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 8, 2021
+ * Released on: December 13, 2021
  */
 
 import $ from './shared/dom7';

package/esm/framework7.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.8
+ * Framework7 6.3.12
  * 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 8, 2021
+ * Released on: December 13, 2021
  */
 
 import $ from './shared/dom7';

package/framework7-bundle-rtl.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.8
+ * Framework7 6.3.12
  * 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 8, 2021
+ * Released on: December 13, 2021
  */
 
 /*====================
@@ -3121,6 +3121,15 @@ 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;
+  left: 0;
+  height: 2px;
+  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
+  transition-duration: 300ms;
+  right: 0;
+}
 .tabbar-labels {
   --f7-toolbar-height: var(--f7-tabbar-labels-height);
 }
@@ -3381,15 +3390,6 @@ html.device-full-viewport body {
   overflow: hidden;
   position: relative;
 }
-.md .tabbar .tab-link-highlight,
-.md .tabbar-labels .tab-link-highlight {
-  position: absolute;
-  left: 0;
-  height: 2px;
-  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-  transition-duration: 300ms;
-  right: 0;
-}
 .md .tabbar-labels .tab-link,
 .md .tabbar-labels .link {
   padding-top: 7px;
@@ -3414,15 +3414,6 @@ html.device-full-viewport body {
   align-items: center;
   margin: 0;
 }
-.aurora .tabbar .tab-link-highlight,
-.aurora .tabbar-labels .tab-link-highlight {
-  position: absolute;
-  left: 0;
-  height: 2px;
-  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-  transition-duration: 300ms;
-  right: 0;
-}
 .aurora .tabbar .toolbar-inner,
 .aurora .tabbar-labels .toolbar-inner {
   padding-left: 0;
@@ -6780,6 +6771,7 @@ html.with-modal-dialog .page-content {
   }
   .popup:not(.popup-tablet-fullscreen).popup-behind {
     transform: translate3d(0, 0, 0) scale(0.9);
+    pointer-events: none;
   }
   .popup:not(.popup-tablet-fullscreen).popup-behind.modal-out {
     transform: translate3d(0, 100vh, 0) scale(0.9);