framework7 6.3.7 → 6.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/sortable/sortable.js +15 -2
- package/cjs/framework7-bundle.js +2 -2
- package/cjs/framework7-lite-bundle.js +2 -2
- package/cjs/framework7-lite.js +2 -2
- package/cjs/framework7.js +2 -2
- package/components/preloader/preloader.d.ts +4 -0
- package/components/sortable/sortable.d.ts +5 -1
- package/components/sortable/sortable.js +1 -1
- package/esm/components/sortable/sortable.js +15 -2
- package/esm/framework7-bundle.js +2 -2
- package/esm/framework7-lite-bundle.js +2 -2
- package/esm/framework7-lite.js +2 -2
- package/esm/framework7.js +2 -2
- package/framework7-bundle-rtl.css +2 -2
- package/framework7-bundle-rtl.min.css +2 -2
- package/framework7-bundle.css +2 -2
- package/framework7-bundle.js +17 -4
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +2 -2
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-rtl.css +2 -2
- package/framework7-rtl.min.css +2 -2
- package/framework7.css +2 -2
- package/framework7.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +2 -2
- package/framework7.min.js +2 -2
- package/package.json +1 -1
- package/types/components/preloader/preloader.d.ts +4 -0
- package/types/components/sortable/sortable.d.ts +5 -1
|
@@ -129,18 +129,31 @@ var Sortable = {
|
|
|
129
129
|
var currentElOffset = $currentEl[0].offsetTop;
|
|
130
130
|
var currentElHeight = $currentEl.height();
|
|
131
131
|
var sortingElOffset = sortingElOffsetLocal + translate;
|
|
132
|
+
var currentTranslate;
|
|
133
|
+
var prevTranslate = $currentEl[0].f7Translate;
|
|
132
134
|
|
|
133
135
|
if (sortingElOffset >= currentElOffset - currentElHeight / 2 && $sortingEl.index() < $currentEl.index()) {
|
|
134
|
-
|
|
136
|
+
currentTranslate = -sortingElHeight;
|
|
137
|
+
$currentEl.transform("translate3d(0, " + currentTranslate + "px,0)");
|
|
135
138
|
$insertAfterEl = $currentEl;
|
|
136
139
|
$insertBeforeEl = undefined;
|
|
137
140
|
} else if (sortingElOffset <= currentElOffset + currentElHeight / 2 && $sortingEl.index() > $currentEl.index()) {
|
|
138
|
-
|
|
141
|
+
currentTranslate = sortingElHeight;
|
|
142
|
+
$currentEl[0].f7Translate = currentTranslate;
|
|
143
|
+
$currentEl.transform("translate3d(0, " + currentTranslate + "px,0)");
|
|
139
144
|
$insertAfterEl = undefined;
|
|
140
145
|
if (!$insertBeforeEl) $insertBeforeEl = $currentEl;
|
|
141
146
|
} else {
|
|
147
|
+
currentTranslate = undefined;
|
|
142
148
|
$currentEl.transform('translate3d(0, 0%,0)');
|
|
143
149
|
}
|
|
150
|
+
|
|
151
|
+
if (prevTranslate !== currentTranslate) {
|
|
152
|
+
$currentEl.trigger('sortable:move');
|
|
153
|
+
app.emit('sortableMove', $currentEl[0], $sortableContainer[0]);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
$currentEl[0].f7Translate = currentTranslate;
|
|
144
157
|
});
|
|
145
158
|
}
|
|
146
159
|
|
package/cjs/framework7-bundle.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
"use strict";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
"use strict";
|
package/cjs/framework7-lite.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
"use strict";
|
package/cjs/framework7.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
"use strict";
|
|
@@ -5,8 +5,12 @@ export namespace Preloader {
|
|
|
5
5
|
preloader: {
|
|
6
6
|
/** Show Preloader overlay */
|
|
7
7
|
show(color?: string | 'white'): void;
|
|
8
|
+
/** Show Preloader overlay in specified element */
|
|
9
|
+
showIn(el: HTMLElement | CSSSelector, color?: string): void;
|
|
8
10
|
/** Hide Preloader overlay */
|
|
9
11
|
hide(): void;
|
|
12
|
+
/** Hide Preloader overlay in specified element */
|
|
13
|
+
hideIn(el: HTMLElement | CSSSelector): void;
|
|
10
14
|
};
|
|
11
15
|
}
|
|
12
16
|
interface AppParams {}
|
|
@@ -12,6 +12,8 @@ export namespace Sortable {
|
|
|
12
12
|
'sortable:disable': (event: any) => void;
|
|
13
13
|
/** Event will be triggered after user release currently sorting element in new position. event.detail will contain object with from and to properties with from/to index numbers of sorted list item */
|
|
14
14
|
'sortable:sort': (event: any, indexes: SortIndexes) => void;
|
|
15
|
+
/** Event will be triggered on every list item move during sorting */
|
|
16
|
+
'sortable:move': (event: any) => void;
|
|
15
17
|
}
|
|
16
18
|
interface AppMethods {
|
|
17
19
|
sortable: {
|
|
@@ -37,7 +39,9 @@ export namespace Sortable {
|
|
|
37
39
|
/** Event will be triggered when sortable mode is disabled */
|
|
38
40
|
sortableDisable: (listEl: HTMLElement) => void;
|
|
39
41
|
/** 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 */
|
|
40
|
-
sortableSort: (
|
|
42
|
+
sortableSort: (itemEl: HTMLElement, indexes: SortIndexes, listEl: HTMLElement) => void;
|
|
43
|
+
/** Event will be triggered on every list item move during sorting */
|
|
44
|
+
sortableMove: (itemEl: HTMLElement, listEl: HTMLElement) => void;
|
|
41
45
|
}
|
|
42
46
|
}
|
|
43
47
|
|
|
@@ -1 +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,
|
|
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,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))
|
|
@@ -118,18 +118,31 @@ var Sortable = {
|
|
|
118
118
|
var currentElOffset = $currentEl[0].offsetTop;
|
|
119
119
|
var currentElHeight = $currentEl.height();
|
|
120
120
|
var sortingElOffset = sortingElOffsetLocal + translate;
|
|
121
|
+
var currentTranslate;
|
|
122
|
+
var prevTranslate = $currentEl[0].f7Translate;
|
|
121
123
|
|
|
122
124
|
if (sortingElOffset >= currentElOffset - currentElHeight / 2 && $sortingEl.index() < $currentEl.index()) {
|
|
123
|
-
|
|
125
|
+
currentTranslate = -sortingElHeight;
|
|
126
|
+
$currentEl.transform("translate3d(0, " + currentTranslate + "px,0)");
|
|
124
127
|
$insertAfterEl = $currentEl;
|
|
125
128
|
$insertBeforeEl = undefined;
|
|
126
129
|
} else if (sortingElOffset <= currentElOffset + currentElHeight / 2 && $sortingEl.index() > $currentEl.index()) {
|
|
127
|
-
|
|
130
|
+
currentTranslate = sortingElHeight;
|
|
131
|
+
$currentEl[0].f7Translate = currentTranslate;
|
|
132
|
+
$currentEl.transform("translate3d(0, " + currentTranslate + "px,0)");
|
|
128
133
|
$insertAfterEl = undefined;
|
|
129
134
|
if (!$insertBeforeEl) $insertBeforeEl = $currentEl;
|
|
130
135
|
} else {
|
|
136
|
+
currentTranslate = undefined;
|
|
131
137
|
$currentEl.transform('translate3d(0, 0%,0)');
|
|
132
138
|
}
|
|
139
|
+
|
|
140
|
+
if (prevTranslate !== currentTranslate) {
|
|
141
|
+
$currentEl.trigger('sortable:move');
|
|
142
|
+
app.emit('sortableMove', $currentEl[0], $sortableContainer[0]);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
$currentEl[0].f7Translate = currentTranslate;
|
|
133
146
|
});
|
|
134
147
|
}
|
|
135
148
|
|
package/esm/framework7-bundle.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7';
|
package/esm/framework7-lite.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7';
|
package/esm/framework7.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.11
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: December 8, 2021
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|