framework7 7.0.4 → 7.0.7

package/components/pull-to-refresh/pull-to-refresh.d.ts

@@ -1,5 +1,9 @@
 import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 
 export namespace PullToRefresh {
   interface PullToRefresh extends Framework7EventsClass<Events> {

package/components/radio/radio.d.ts

@@ -1,4 +1,8 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 
 export namespace Radio {
   interface AppMethods {}

package/components/range/range.d.ts

@@ -1,5 +1,9 @@
 import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 
 export namespace Range {
   interface Parameters {

package/components/searchbar/searchbar.d.ts

@@ -1,5 +1,9 @@
 import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 
 export namespace Searchbar {
   interface Parameters {

package/components/searchbar/searchbar.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(e,a){void 0===a&&(a=!0);var r=e.$,s=e.utils,t=e.getDevice,n=(e.getSupport,e.Class),l=(e.Modal,e.ConstructorMethods),i=(e.ModalMethods,s.extend),o=s.nextTick,c=s.deleteProps;class d extends n{constructor(e,a){void 0===a&&(a={}),super(a,[e]);const s=this,t={el:void 0,inputEl:void 0,inputEvents:"change input compositionend",disableButton:!0,disableButtonEl:void 0,backdropEl:void 0,searchContainer:void 0,searchItem:"li",searchIn:void 0,searchGroup:".list-group",searchGroupTitle:".item-divider, .list-group-title",ignore:".searchbar-ignore",foundEl:".searchbar-found",notFoundEl:".searchbar-not-found",hideOnEnableEl:".searchbar-hide-on-enable",hideOnSearchEl:".searchbar-hide-on-search",backdrop:void 0,removeDiacritics:!0,customSearch:!1,hideDividers:!0,hideGroups:!0,disableOnBackdropClick:!0,expandable:!1,inline:!1};s.useModulesParams(t),s.params=i(t,a);const n=r(s.params.el);if(0===n.length)return s;if(n[0].f7Searchbar)return n[0].f7Searchbar;let l;n[0].f7Searchbar=s;const o=n.parents(".navbar");if(n.parents(".page").length>0)l=n.parents(".page");else if(o.length>0&&(l=r(e.navbar.getPageByEl(o[0])),!l.length)){const e=n.parents(".view").find(".page-current");e[0]&&e[0].f7Page&&e[0].f7Page.navbarEl===o[0]&&(l=e)}let c,d,h,b;a.foundEl?c=r(a.foundEl):"string"==typeof s.params.foundEl&&l&&(c=l.find(s.params.foundEl)),a.notFoundEl?d=r(a.notFoundEl):"string"==typeof s.params.notFoundEl&&l&&(d=l.find(s.params.notFoundEl)),a.hideOnEnableEl?h=r(a.hideOnEnableEl):"string"==typeof s.params.hideOnEnableEl&&l&&(h=l.find(s.params.hideOnEnableEl)),a.hideOnSearchEl?b=r(a.hideOnSearchEl):"string"==typeof s.params.hideOnSearchEl&&l&&(b=l.find(s.params.hideOnSearchEl));const p=s.params.expandable||n.hasClass("searchbar-expandable"),u=s.params.inline||n.hasClass("searchbar-inline");let m,f,g,E;function v(e){e.preventDefault()}function $(e){s.enable(e),s.$el.addClass("searchbar-focused")}function C(){s.$el.removeClass("searchbar-focused"),"aurora"!==e.theme||E&&E.length&&s.params.disableButton||s.query||s.disable()}function y(){const e=s.$inputEl.val().trim();(s.$searchContainer&&s.$searchContainer.length>0&&(s.params.searchIn||s.isVirtualList||s.params.searchIn===s.params.searchItem)||s.params.customSearch)&&s.search(e,!0)}function k(e,a){s.$el.trigger("searchbar:clear",a),s.emit("local::clear searchbarClear",s,a)}function B(e){s.disable(e)}function x(){!s||s&&!s.$el||s.enabled&&(s.$el.removeClass("searchbar-enabled"),s.expandable&&s.$el.parents(".navbar").removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition"))}function S(){!s||s&&!s.$el||s.enabled&&(s.$el.addClass("searchbar-enabled"),s.expandable&&s.$el.parents(".navbar").addClass("with-searchbar-expandable-enabled-no-transition"))}return void 0===s.params.backdrop&&(s.params.backdrop=!u&&"aurora"!==e.theme),s.params.backdrop&&(m=s.params.backdropEl?r(s.params.backdropEl):l&&l.length>0?l.find(".searchbar-backdrop"):n.siblings(".searchbar-backdrop"),0===m.length&&(m=r('<div class="searchbar-backdrop"></div>'),l&&l.length?n.parents(l).length>0&&o&&0===n.parents(o).length?m.insertBefore(n):m.insertBefore(l.find(".page-content").eq(0)):m.insertBefore(n))),s.params.searchContainer&&(f=r(s.params.searchContainer)),g=s.params.inputEl?r(s.params.inputEl):n.find('input[type="search"]').eq(0),s.params.disableButton&&(E=s.params.disableButtonEl?r(s.params.disableButtonEl):n.find(".searchbar-disable-button")),i(s,{app:e,view:e.views.get(n.parents(".view")),$el:n,el:n[0],$backdropEl:m,backdropEl:m&&m[0],$searchContainer:f,searchContainer:f&&f[0],$inputEl:g,inputEl:g[0],$disableButtonEl:E,disableButtonEl:E&&E[0],disableButtonHasMargin:!1,$pageEl:l,pageEl:l&&l[0],$navbarEl:o,navbarEl:o&&o[0],$foundEl:c,foundEl:c&&c[0],$notFoundEl:d,notFoundEl:d&&d[0],$hideOnEnableEl:h,hideOnEnableEl:h&&h[0],$hideOnSearchEl:b,hideOnSearchEl:b&&b[0],previousQuery:"",query:"",isVirtualList:f&&f.hasClass("virtual-list"),virtualList:void 0,enabled:!1,expandable:p,inline:u}),s.attachEvents=function(){n.on("submit",v),s.params.disableButton&&s.$disableButtonEl.on("click",B),s.params.disableOnBackdropClick&&s.$backdropEl&&s.$backdropEl.on("click",B),s.expandable&&"ios"===e.theme&&s.view&&o.length&&s.$pageEl&&(s.$pageEl.on("page:beforeout",x),s.$pageEl.on("page:beforein",S)),s.$inputEl.on("focus",$),s.$inputEl.on("blur",C),s.$inputEl.on(s.params.inputEvents,y),s.$inputEl.on("input:clear",k)},s.detachEvents=function(){n.off("submit",v),s.params.disableButton&&s.$disableButtonEl.off("click",B),s.params.disableOnBackdropClick&&s.$backdropEl&&s.$backdropEl.off("click",B),s.expandable&&"ios"===e.theme&&s.view&&o.length&&s.$pageEl&&(s.$pageEl.off("page:beforeout",x),s.$pageEl.off("page:beforein",S)),s.$inputEl.off("focus",$),s.$inputEl.off("blur",C),s.$inputEl.off(s.params.inputEvents,y),s.$inputEl.off("input:clear",k)},s.useModules(),s.init(),s}clear(e){const a=this;if(!a.query&&e&&r(e.target).hasClass("searchbar-clear"))return a.disable(),a;const s=a.value;return a.$inputEl.val("").trigger("change").focus(),a.$el.trigger("searchbar:clear",s),a.emit("local::clear searchbarClear",a,s),a}setDisableButtonMargin(){const e=this;if(e.expandable)return;const a=e.app;e.$disableButtonEl.transition(0).show(),e.$disableButtonEl.css("margin-"+(a.rtl?"left":"right"),-e.disableButtonEl.offsetWidth+"px"),e._clientLeft=e.$disableButtonEl[0].clientLeft,e.$disableButtonEl.transition(""),e.disableButtonHasMargin=!0}enable(e){const a=this;if(a.enabled)return a;const r=a.app,s=getDocument(),n=t();function l(){if(a.$backdropEl&&(a.$searchContainer&&a.$searchContainer.length||a.params.customSearch)&&!a.$el.hasClass("searchbar-enabled")&&!a.query&&a.backdropShow(),a.$el.addClass("searchbar-enabled"),(!a.$disableButtonEl||a.$disableButtonEl&&0===a.$disableButtonEl.length)&&a.$el.addClass("searchbar-enabled-no-disable-button"),!a.expandable&&a.$disableButtonEl&&a.$disableButtonEl.length>0&&"md"!==r.theme&&(a.disableButtonHasMargin||a.setDisableButtonMargin(),a.$disableButtonEl.css("margin-"+(r.rtl?"left":"right"),"0px")),a.expandable){const e=a.$el.parents(".navbar");if(e.hasClass("navbar-large")&&a.$pageEl){const r=a.$pageEl.find(".page-content"),s=e.find(".title-large");r.addClass("with-searchbar-expandable-enabled"),e.hasClass("navbar-large")&&e.hasClass("navbar-large-collapsed")&&s.length&&r.length&&(r.transition(0),r[0].scrollTop-=s[0].offsetHeight,setTimeout((()=>{r.transition("")}),200))}"md"===r.theme&&e.length?e.addClass("with-searchbar-expandable-enabled"):(e.addClass("with-searchbar-expandable-enabled"),e.hasClass("navbar-large")&&e.addClass("navbar-large-collapsed"))}a.$hideOnEnableEl&&a.$hideOnEnableEl.addClass("hidden-by-searchbar"),a.$el.trigger("searchbar:enable"),a.emit("local::enable searchbarEnable",a)}a.enabled=!0;let i=!1;!0===e&&s.activeElement!==a.inputEl&&(i=!0);return n.ios&&"ios"===r.theme?a.expandable?(i&&a.$inputEl.focus(),l()):(i&&a.$inputEl.focus(),!e||"focus"!==e.type&&!0!==e?l():o((()=>{l()}),400)):(i&&a.$inputEl.focus(),"md"===r.theme&&a.expandable&&a.$el.parents(".page, .view, .navbar-inner, .navbar").scrollLeft(r.rtl?100:0),l()),a}disable(){const e=this;if(!e.enabled)return e;const a=e.app;if(e.$inputEl.val("").trigger("change"),e.$el.removeClass("searchbar-enabled searchbar-focused searchbar-enabled-no-disable-button"),e.expandable){const r=e.$el.parents(".navbar"),s=e.$pageEl&&e.$pageEl.find(".page-content");if(r.hasClass("navbar-large")&&s.length){const a=r.find(".title-large");if(e.$el.transitionEnd((()=>{s.removeClass("with-searchbar-expandable-closing")})),r.hasClass("navbar-large")&&r.hasClass("navbar-large-collapsed")&&a.length){const e=s[0].scrollTop,r=a[0].offsetHeight;e>r&&(s.transition(0),s[0].scrollTop=e+r,setTimeout((()=>{s.transition("")}),200))}s.removeClass("with-searchbar-expandable-enabled").addClass("with-searchbar-expandable-closing")}"md"===a.theme&&r.length?(r.removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition").addClass("with-searchbar-expandable-closing"),e.$el.transitionEnd((()=>{r.removeClass("with-searchbar-expandable-closing")}))):(r.removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition").addClass("with-searchbar-expandable-closing"),e.$el.transitionEnd((()=>{r.removeClass("with-searchbar-expandable-closing")})),e.$pageEl&&e.$pageEl.find(".page-content").trigger("scroll"))}return!e.expandable&&e.$disableButtonEl&&e.$disableButtonEl.length>0&&"md"!==a.theme&&e.$disableButtonEl.css("margin-"+(a.rtl?"left":"right"),-e.disableButtonEl.offsetWidth+"px"),e.$backdropEl&&(e.$searchContainer&&e.$searchContainer.length||e.params.customSearch)&&e.backdropHide(),e.enabled=!1,e.$inputEl.blur(),e.$hideOnEnableEl&&e.$hideOnEnableEl.removeClass("hidden-by-searchbar"),e.$el.trigger("searchbar:disable"),e.emit("local::disable searchbarDisable",e),e}toggle(){const e=this;return e.enabled?e.disable():e.enable(!0),e}backdropShow(){const e=this;return e.$backdropEl&&e.$backdropEl.addClass("searchbar-backdrop-in"),e}backdropHide(){const e=this;return e.$backdropEl&&e.$backdropEl.removeClass("searchbar-backdrop-in"),e}search(e,a){const s=this;if(s.previousQuery=s.query||"",e===s.previousQuery)return s;a||(s.enabled||s.enable(),s.$inputEl.val(e),s.$inputEl.trigger("input")),s.query=e,s.value=e;const{$searchContainer:t,$el:n,$foundEl:l,$notFoundEl:i,$hideOnSearchEl:o,isVirtualList:c}=s;if(e.length>0&&o?o.addClass("hidden-by-searchbar"):o&&o.removeClass("hidden-by-searchbar"),(t&&t.length&&n.hasClass("searchbar-enabled")||s.params.customSearch&&n.hasClass("searchbar-enabled"))&&(0===e.length?s.backdropShow():s.backdropHide()),s.params.customSearch)return n.trigger("searchbar:search",{query:e,previousQuery:s.previousQuery}),s.emit("local::search searchbarSearch",s,e,s.previousQuery),s;let d,h=[];if(c){if(s.virtualList=t[0].f7VirtualList,""===e.trim())return s.virtualList.resetFilter(),i&&i.hide(),l&&l.show(),n.trigger("searchbar:search",{query:e,previousQuery:s.previousQuery}),s.emit("local::search searchbarSearch",s,e,s.previousQuery),s;if(d=s.params.removeDiacritics?removeDiacritics(e):e,s.virtualList.params.searchAll)h=s.virtualList.params.searchAll(d,s.virtualList.items)||[];else if(s.virtualList.params.searchByItem)for(let e=0;e<s.virtualList.items.length;e+=1)s.virtualList.params.searchByItem(d,s.virtualList.items[e],e)&&h.push(e)}else{let a;a=s.params.removeDiacritics?removeDiacritics(e.trim().toLowerCase()).split(" "):e.trim().toLowerCase().split(" "),t.find(s.params.searchItem).removeClass("hidden-by-searchbar").each((e=>{const t=r(e);let n=[],l=s.params.searchIn?t.find(s.params.searchIn):t;s.params.searchIn===s.params.searchItem&&(l=t),l.each((e=>{let a=r(e).text().trim().toLowerCase();s.params.removeDiacritics&&(a=removeDiacritics(a)),n.push(a)})),n=n.join(" ");let i=0;for(let e=0;e<a.length;e+=1)n.indexOf(a[e])>=0&&(i+=1);i===a.length||s.params.ignore&&t.is(s.params.ignore)?h.push(t[0]):t.addClass("hidden-by-searchbar")})),s.params.hideDividers&&t.find(s.params.searchGroupTitle).each((e=>{const a=r(e),t=a.nextAll(s.params.searchItem);let n=!0;for(let e=0;e<t.length;e+=1){const a=t.eq(e);if(a.is(s.params.searchGroupTitle))break;a.hasClass("hidden-by-searchbar")||(n=!1)}const l=s.params.ignore&&a.is(s.params.ignore);n&&!l?a.addClass("hidden-by-searchbar"):a.removeClass("hidden-by-searchbar")})),s.params.hideGroups&&t.find(s.params.searchGroup).each((e=>{const a=r(e),t=s.params.ignore&&a.is(s.params.ignore);0!==a.find(s.params.searchItem).filter((e=>!r(e).hasClass("hidden-by-searchbar"))).length||t?a.removeClass("hidden-by-searchbar"):a.addClass("hidden-by-searchbar")}))}return 0===h.length?(i&&i.show(),l&&l.hide()):(i&&i.hide(),l&&l.show()),c&&s.virtualList&&s.virtualList.filterItems(h),n.trigger("searchbar:search",{query:e,previousQuery:s.previousQuery,foundItems:h}),s.emit("local::search searchbarSearch",s,e,s.previousQuery,h),s}init(){const e=this;e.expandable&&e.$el&&e.$el.addClass("searchbar-expandable"),e.inline&&e.$el&&e.$el.addClass("searchbar-inline"),e.attachEvents()}destroy(){const e=this;e.emit("local::beforeDestroy searchbarBeforeDestroy",e),e.$el.trigger("searchbar:beforedestroy"),e.detachEvents(),e.$el[0]&&(e.$el[0].f7Searchbar=null,delete e.$el[0].f7Searchbar),c(e)}}var h={name:"searchbar",static:{Searchbar:d},create(){this.searchbar=l({defaultSelector:".searchbar",constructor:d,app:this,domProp:"f7Searchbar",addMethods:"clear enable disable toggle search".split(" ")})},on:{tabMounted(e){const a=this;r(e).find(".searchbar-init").each((e=>{const s=r(e);a.searchbar.create(i(s.dataset(),{el:e}))}))},tabBeforeRemove(e){r(e).find(".searchbar-init").each((e=>{e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()}))},pageInit(e){const a=this;e.$el.find(".searchbar-init").each((e=>{const s=r(e);a.searchbar.create(i(s.dataset(),{el:e}))})),"ios"===a.theme&&e.view&&e.view.router.dynamicNavbar&&e.$navbarEl&&e.$navbarEl.length>0&&e.$navbarEl.find(".searchbar-init").each((e=>{const s=r(e);a.searchbar.create(i(s.dataset(),{el:e}))}))},pageBeforeRemove(e){e.$el.find(".searchbar-init").each((e=>{e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()})),"ios"===this.theme&&e.view&&e.view.router.dynamicNavbar&&e.$navbarEl&&e.$navbarEl.length>0&&e.$navbarEl.find(".searchbar-init").each((e=>{e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()}))}},clicks:{".searchbar-clear":function(e,a){void 0===a&&(a={});const r=this.searchbar.get(a.searchbar);r&&r.clear()},".searchbar-enable":function(e,a){void 0===a&&(a={});const r=this.searchbar.get(a.searchbar);r&&r.enable(!0)},".searchbar-disable":function(e,a){void 0===a&&(a={});const r=this.searchbar.get(a.searchbar);r&&r.disable()},".searchbar-toggle":function(e,a){void 0===a&&(a={});const r=this.searchbar.get(a.searchbar);r&&r.toggle()}},vnode:{"searchbar-init":{insert(e){const a=e.elm,s=r(a);this.searchbar.create(i(s.dataset(),{el:a}))},destroy(e){const a=e.elm;a.f7Searchbar&&a.f7Searchbar.destroy&&a.f7Searchbar.destroy()}}}};if(a){if(e.prototype.modules&&e.prototype.modules[h.name])return;e.use(h),e.instance&&(e.instance.useModuleParams(h,e.instance.params),e.instance.useModule(h))}return h}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(e,a){void 0===a&&(a=!0);var r=e.$,s=e.utils,t=e.getDevice,n=(e.getSupport,e.Class),l=(e.Modal,e.ConstructorMethods),i=(e.ModalMethods,s.extend),o=s.nextTick,c=s.deleteProps;class d extends n{constructor(e,a){void 0===a&&(a={}),super(a,[e]);const s=this,t={el:void 0,inputEl:void 0,inputEvents:"change input compositionend",disableButton:!0,disableButtonEl:void 0,backdropEl:void 0,searchContainer:void 0,searchItem:"li",searchIn:void 0,searchGroup:".list-group",searchGroupTitle:".item-divider, .list-group-title",ignore:".searchbar-ignore",foundEl:".searchbar-found",notFoundEl:".searchbar-not-found",hideOnEnableEl:".searchbar-hide-on-enable",hideOnSearchEl:".searchbar-hide-on-search",backdrop:void 0,removeDiacritics:!0,customSearch:!1,hideDividers:!0,hideGroups:!0,disableOnBackdropClick:!0,expandable:!1,inline:!1};s.useModulesParams(t),s.params=i(t,a);const n=r(s.params.el);if(0===n.length)return s;if(n[0].f7Searchbar)return n[0].f7Searchbar;let l;n[0].f7Searchbar=s;const o=n.parents(".navbar");if(n.parents(".page").length>0)l=n.parents(".page");else if(o.length>0&&(l=r(e.navbar.getPageByEl(o[0])),!l.length)){const e=n.parents(".view").find(".page-current");e[0]&&e[0].f7Page&&e[0].f7Page.navbarEl===o[0]&&(l=e)}let c,d,h,b;a.foundEl?c=r(a.foundEl):"string"==typeof s.params.foundEl&&l&&(c=l.find(s.params.foundEl)),a.notFoundEl?d=r(a.notFoundEl):"string"==typeof s.params.notFoundEl&&l&&(d=l.find(s.params.notFoundEl)),a.hideOnEnableEl?h=r(a.hideOnEnableEl):"string"==typeof s.params.hideOnEnableEl&&l&&(h=l.find(s.params.hideOnEnableEl)),a.hideOnSearchEl?b=r(a.hideOnSearchEl):"string"==typeof s.params.hideOnSearchEl&&l&&(b=l.find(s.params.hideOnSearchEl));const p=s.params.expandable||n.hasClass("searchbar-expandable"),u=s.params.inline||n.hasClass("searchbar-inline");let f,m,g,E;function v(e){e.preventDefault()}function $(e){s.enable(e),s.$el.addClass("searchbar-focused")}function C(){s.$el.removeClass("searchbar-focused"),"aurora"!==e.theme||E&&E.length&&s.params.disableButton||s.query||s.disable()}function y(){const e=s.$inputEl.val().trim();(s.$searchContainer&&s.$searchContainer.length>0&&(s.params.searchIn||s.isVirtualList||s.params.searchIn===s.params.searchItem)||s.params.customSearch)&&s.search(e,!0)}function k(e,a){s.$el.trigger("searchbar:clear",a),s.emit("local::clear searchbarClear",s,a)}function B(e){s.disable(e)}function x(){!s||s&&!s.$el||s.enabled&&(s.$el.removeClass("searchbar-enabled"),s.expandable&&s.$el.parents(".navbar").removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition"))}function S(){!s||s&&!s.$el||s.enabled&&(s.$el.addClass("searchbar-enabled"),s.expandable&&s.$el.parents(".navbar").addClass("with-searchbar-expandable-enabled-no-transition"))}return void 0===s.params.backdrop&&(s.params.backdrop=!u&&"aurora"!==e.theme),s.params.backdrop&&(f=s.params.backdropEl?r(s.params.backdropEl):l&&l.length>0?l.find(".searchbar-backdrop"):n.siblings(".searchbar-backdrop"),0===f.length&&(f=r('<div class="searchbar-backdrop"></div>'),l&&l.length?n.parents(l).length>0&&o&&0===n.parents(o).length?f.insertBefore(n):f.insertBefore(l.find(".page-content").eq(0)):f.insertBefore(n))),s.params.searchContainer&&(m=r(s.params.searchContainer)),g=s.params.inputEl?r(s.params.inputEl):n.find('input[type="search"]').eq(0),s.params.disableButton&&(E=s.params.disableButtonEl?r(s.params.disableButtonEl):n.find(".searchbar-disable-button")),i(s,{app:e,view:e.views.get(n.parents(".view")),$el:n,el:n[0],$backdropEl:f,backdropEl:f&&f[0],$searchContainer:m,searchContainer:m&&m[0],$inputEl:g,inputEl:g[0],$disableButtonEl:E,disableButtonEl:E&&E[0],disableButtonHasMargin:!1,$pageEl:l,pageEl:l&&l[0],$navbarEl:o,navbarEl:o&&o[0],$foundEl:c,foundEl:c&&c[0],$notFoundEl:d,notFoundEl:d&&d[0],$hideOnEnableEl:h,hideOnEnableEl:h&&h[0],$hideOnSearchEl:b,hideOnSearchEl:b&&b[0],previousQuery:"",query:"",isVirtualList:m&&m.hasClass("virtual-list"),virtualList:void 0,enabled:!1,expandable:p,inline:u}),s.attachEvents=function(){n.on("submit",v),s.params.disableButton&&s.$disableButtonEl.on("click",B),s.params.disableOnBackdropClick&&s.$backdropEl&&s.$backdropEl.on("click",B),s.expandable&&"ios"===e.theme&&s.view&&o.length&&s.$pageEl&&(s.$pageEl.on("page:beforeout",x),s.$pageEl.on("page:beforein",S)),s.$inputEl.on("focus",$),s.$inputEl.on("blur",C),s.$inputEl.on(s.params.inputEvents,y),s.$inputEl.on("input:clear",k)},s.detachEvents=function(){n.off("submit",v),s.params.disableButton&&s.$disableButtonEl.off("click",B),s.params.disableOnBackdropClick&&s.$backdropEl&&s.$backdropEl.off("click",B),s.expandable&&"ios"===e.theme&&s.view&&o.length&&s.$pageEl&&(s.$pageEl.off("page:beforeout",x),s.$pageEl.off("page:beforein",S)),s.$inputEl.off("focus",$),s.$inputEl.off("blur",C),s.$inputEl.off(s.params.inputEvents,y),s.$inputEl.off("input:clear",k)},s.useModules(),s.init(),s}clear(e){const a=this;if(!a.query&&e&&r(e.target).hasClass("searchbar-clear"))return a.disable(),a;const s=a.value;return a.$inputEl.val("").trigger("change").focus(),a.$el.trigger("searchbar:clear",s),a.emit("local::clear searchbarClear",a,s),a}setDisableButtonMargin(){const e=this;if(e.expandable)return;const a=e.app;e.$disableButtonEl.transition(0).show(),e.$disableButtonEl.css("margin-"+(a.rtl?"left":"right"),-e.disableButtonEl.offsetWidth+"px"),e._clientLeft=e.$disableButtonEl[0].clientLeft,e.$disableButtonEl.transition(""),e.disableButtonHasMargin=!0}enable(e){const a=this;if(a.enabled)return a;const r=a.app,s=s,n=t();function l(){if(a.$backdropEl&&(a.$searchContainer&&a.$searchContainer.length||a.params.customSearch)&&!a.$el.hasClass("searchbar-enabled")&&!a.query&&a.backdropShow(),a.$el.addClass("searchbar-enabled"),(!a.$disableButtonEl||a.$disableButtonEl&&0===a.$disableButtonEl.length)&&a.$el.addClass("searchbar-enabled-no-disable-button"),!a.expandable&&a.$disableButtonEl&&a.$disableButtonEl.length>0&&"md"!==r.theme&&(a.disableButtonHasMargin||a.setDisableButtonMargin(),a.$disableButtonEl.css("margin-"+(r.rtl?"left":"right"),"0px")),a.expandable){const e=a.$el.parents(".navbar");if(e.hasClass("navbar-large")&&a.$pageEl){const r=a.$pageEl.find(".page-content"),s=e.find(".title-large");r.addClass("with-searchbar-expandable-enabled"),e.hasClass("navbar-large")&&e.hasClass("navbar-large-collapsed")&&s.length&&r.length&&(r.transition(0),r[0].scrollTop-=s[0].offsetHeight,setTimeout((()=>{r.transition("")}),200))}"md"===r.theme&&e.length?e.addClass("with-searchbar-expandable-enabled"):(e.addClass("with-searchbar-expandable-enabled"),e.hasClass("navbar-large")&&e.addClass("navbar-large-collapsed"))}a.$hideOnEnableEl&&a.$hideOnEnableEl.addClass("hidden-by-searchbar"),a.$el.trigger("searchbar:enable"),a.emit("local::enable searchbarEnable",a)}a.enabled=!0;let i=!1;!0===e&&s.activeElement!==a.inputEl&&(i=!0);return n.ios&&"ios"===r.theme?a.expandable?(i&&a.$inputEl.focus(),l()):(i&&a.$inputEl.focus(),!e||"focus"!==e.type&&!0!==e?l():o((()=>{l()}),400)):(i&&a.$inputEl.focus(),"md"===r.theme&&a.expandable&&a.$el.parents(".page, .view, .navbar-inner, .navbar").scrollLeft(r.rtl?100:0),l()),a}disable(){const e=this;if(!e.enabled)return e;const a=e.app;if(e.$inputEl.val("").trigger("change"),e.$el.removeClass("searchbar-enabled searchbar-focused searchbar-enabled-no-disable-button"),e.expandable){const r=e.$el.parents(".navbar"),s=e.$pageEl&&e.$pageEl.find(".page-content");if(r.hasClass("navbar-large")&&s.length){const a=r.find(".title-large");if(e.$el.transitionEnd((()=>{s.removeClass("with-searchbar-expandable-closing")})),r.hasClass("navbar-large")&&r.hasClass("navbar-large-collapsed")&&a.length){const e=s[0].scrollTop,r=a[0].offsetHeight;e>r&&(s.transition(0),s[0].scrollTop=e+r,setTimeout((()=>{s.transition("")}),200))}s.removeClass("with-searchbar-expandable-enabled").addClass("with-searchbar-expandable-closing")}"md"===a.theme&&r.length?(r.removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition").addClass("with-searchbar-expandable-closing"),e.$el.transitionEnd((()=>{r.removeClass("with-searchbar-expandable-closing")}))):(r.removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition").addClass("with-searchbar-expandable-closing"),e.$el.transitionEnd((()=>{r.removeClass("with-searchbar-expandable-closing")})),e.$pageEl&&e.$pageEl.find(".page-content").trigger("scroll"))}return!e.expandable&&e.$disableButtonEl&&e.$disableButtonEl.length>0&&"md"!==a.theme&&e.$disableButtonEl.css("margin-"+(a.rtl?"left":"right"),-e.disableButtonEl.offsetWidth+"px"),e.$backdropEl&&(e.$searchContainer&&e.$searchContainer.length||e.params.customSearch)&&e.backdropHide(),e.enabled=!1,e.$inputEl.blur(),e.$hideOnEnableEl&&e.$hideOnEnableEl.removeClass("hidden-by-searchbar"),e.$el.trigger("searchbar:disable"),e.emit("local::disable searchbarDisable",e),e}toggle(){const e=this;return e.enabled?e.disable():e.enable(!0),e}backdropShow(){const e=this;return e.$backdropEl&&e.$backdropEl.addClass("searchbar-backdrop-in"),e}backdropHide(){const e=this;return e.$backdropEl&&e.$backdropEl.removeClass("searchbar-backdrop-in"),e}search(e,a){const s=this;if(s.previousQuery=s.query||"",e===s.previousQuery)return s;a||(s.enabled||s.enable(),s.$inputEl.val(e),s.$inputEl.trigger("input")),s.query=e,s.value=e;const{$searchContainer:t,$el:n,$foundEl:l,$notFoundEl:i,$hideOnSearchEl:o,isVirtualList:c}=s;if(e.length>0&&o?o.addClass("hidden-by-searchbar"):o&&o.removeClass("hidden-by-searchbar"),(t&&t.length&&n.hasClass("searchbar-enabled")||s.params.customSearch&&n.hasClass("searchbar-enabled"))&&(0===e.length?s.backdropShow():s.backdropHide()),s.params.customSearch)return n.trigger("searchbar:search",{query:e,previousQuery:s.previousQuery}),s.emit("local::search searchbarSearch",s,e,s.previousQuery),s;let d,h=[];if(c){if(s.virtualList=t[0].f7VirtualList,""===e.trim())return s.virtualList.resetFilter(),i&&i.hide(),l&&l.show(),n.trigger("searchbar:search",{query:e,previousQuery:s.previousQuery}),s.emit("local::search searchbarSearch",s,e,s.previousQuery),s;if(d=s.params.removeDiacritics?removeDiacritics(e):e,s.virtualList.params.searchAll)h=s.virtualList.params.searchAll(d,s.virtualList.items)||[];else if(s.virtualList.params.searchByItem)for(let e=0;e<s.virtualList.items.length;e+=1)s.virtualList.params.searchByItem(d,s.virtualList.items[e],e)&&h.push(e)}else{let a;a=s.params.removeDiacritics?removeDiacritics(e.trim().toLowerCase()).split(" "):e.trim().toLowerCase().split(" "),t.find(s.params.searchItem).removeClass("hidden-by-searchbar").each((e=>{const t=r(e);let n=[],l=s.params.searchIn?t.find(s.params.searchIn):t;s.params.searchIn===s.params.searchItem&&(l=t),l.each((e=>{let a=r(e).text().trim().toLowerCase();s.params.removeDiacritics&&(a=removeDiacritics(a)),n.push(a)})),n=n.join(" ");let i=0;for(let e=0;e<a.length;e+=1)n.indexOf(a[e])>=0&&(i+=1);i===a.length||s.params.ignore&&t.is(s.params.ignore)?h.push(t[0]):t.addClass("hidden-by-searchbar")})),s.params.hideDividers&&t.find(s.params.searchGroupTitle).each((e=>{const a=r(e),t=a.nextAll(s.params.searchItem);let n=!0;for(let e=0;e<t.length;e+=1){const a=t.eq(e);if(a.is(s.params.searchGroupTitle))break;a.hasClass("hidden-by-searchbar")||(n=!1)}const l=s.params.ignore&&a.is(s.params.ignore);n&&!l?a.addClass("hidden-by-searchbar"):a.removeClass("hidden-by-searchbar")})),s.params.hideGroups&&t.find(s.params.searchGroup).each((e=>{const a=r(e),t=s.params.ignore&&a.is(s.params.ignore);0!==a.find(s.params.searchItem).filter((e=>!r(e).hasClass("hidden-by-searchbar"))).length||t?a.removeClass("hidden-by-searchbar"):a.addClass("hidden-by-searchbar")}))}return 0===h.length?(i&&i.show(),l&&l.hide()):(i&&i.hide(),l&&l.show()),c&&s.virtualList&&s.virtualList.filterItems(h),n.trigger("searchbar:search",{query:e,previousQuery:s.previousQuery,foundItems:h}),s.emit("local::search searchbarSearch",s,e,s.previousQuery,h),s}init(){const e=this;e.expandable&&e.$el&&e.$el.addClass("searchbar-expandable"),e.inline&&e.$el&&e.$el.addClass("searchbar-inline"),e.attachEvents()}destroy(){const e=this;e.emit("local::beforeDestroy searchbarBeforeDestroy",e),e.$el.trigger("searchbar:beforedestroy"),e.detachEvents(),e.$el[0]&&(e.$el[0].f7Searchbar=null,delete e.$el[0].f7Searchbar),c(e)}}var h={name:"searchbar",static:{Searchbar:d},create(){this.searchbar=l({defaultSelector:".searchbar",constructor:d,app:this,domProp:"f7Searchbar",addMethods:"clear enable disable toggle search".split(" ")})},on:{tabMounted(e){const a=this;r(e).find(".searchbar-init").each((e=>{const s=r(e);a.searchbar.create(i(s.dataset(),{el:e}))}))},tabBeforeRemove(e){r(e).find(".searchbar-init").each((e=>{e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()}))},pageInit(e){const a=this;e.$el.find(".searchbar-init").each((e=>{const s=r(e);a.searchbar.create(i(s.dataset(),{el:e}))})),"ios"===a.theme&&e.view&&e.view.router.dynamicNavbar&&e.$navbarEl&&e.$navbarEl.length>0&&e.$navbarEl.find(".searchbar-init").each((e=>{const s=r(e);a.searchbar.create(i(s.dataset(),{el:e}))}))},pageBeforeRemove(e){e.$el.find(".searchbar-init").each((e=>{e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()})),"ios"===this.theme&&e.view&&e.view.router.dynamicNavbar&&e.$navbarEl&&e.$navbarEl.length>0&&e.$navbarEl.find(".searchbar-init").each((e=>{e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()}))}},clicks:{".searchbar-clear":function(e,a){void 0===a&&(a={});const r=this.searchbar.get(a.searchbar);r&&r.clear()},".searchbar-enable":function(e,a){void 0===a&&(a={});const r=this.searchbar.get(a.searchbar);r&&r.enable(!0)},".searchbar-disable":function(e,a){void 0===a&&(a={});const r=this.searchbar.get(a.searchbar);r&&r.disable()},".searchbar-toggle":function(e,a){void 0===a&&(a={});const r=this.searchbar.get(a.searchbar);r&&r.toggle()}},vnode:{"searchbar-init":{insert(e){const a=e.elm,s=r(a);this.searchbar.create(i(s.dataset(),{el:a}))},destroy(e){const a=e.elm;a.f7Searchbar&&a.f7Searchbar.destroy&&a.f7Searchbar.destroy()}}}};if(a){if(e.prototype.modules&&e.prototype.modules[h.name])return;e.use(h),e.instance&&(e.instance.useModuleParams(h,e.instance.params),e.instance.useModule(h))}return h}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/sheet/sheet.d.ts

@@ -1,5 +1,9 @@
 import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 
 export namespace Sheet {
   interface Events {

package/components/sheet/sheet.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(e,s){void 0===s&&(s=!0);var t=e.$,o=e.utils,p=e.getDevice,a=e.getSupport,r=(e.Class,e.Modal),l=(e.ConstructorMethods,e.ModalMethods),i=o.extend,n=o.now,c=o.getTranslate;class h extends r{constructor(e,s){const o=i({on:{}},e.params.sheet,s);super(e,o);const r=this,l=getWindow(),h=getDocument(),d=a(),m=p();let u,g,f,w;if(r.params=o,void 0===r.params.backdrop&&(r.params.backdrop="ios"!==e.theme),u=r.params.el?t(r.params.el).eq(0):t(r.params.content).filter((e=>1===e.nodeType)).eq(0),u&&u.length>0&&u[0].f7Modal)return u[0].f7Modal;if(0===u.length)return r.destroy();function y(e){const s=e.target,o=t(s);!m.desktop&&m.cordova&&(l.Keyboard&&l.Keyboard.isVisible||l.cordova.plugins&&l.cordova.plugins.Keyboard&&l.cordova.plugins.Keyboard.isVisible)||0===o.closest(r.el).length&&(r.params.closeByBackdropClick&&r.params.backdrop&&r.backdropEl&&r.backdropEl===s||r.params.closeByOutsideClick)&&r.close()}function b(e){27===e.keyCode&&r.params.closeOnEscape&&r.close()}function C(s){return(e.height-2*s)/e.height}r.params.backdrop&&r.params.backdropEl?g=t(r.params.backdropEl):r.params.backdrop&&(r.params.backdropUnique?(g=t('<div class="sheet-backdrop sheet-backdrop-unique"></div>'),r.$containerEl.append(g)):g=r.$containerEl.children(".sheet-backdrop"),0===g.length&&(g=t('<div class="sheet-backdrop"></div>'),r.$containerEl.append(g))),i(r,{app:e,push:u.hasClass("sheet-modal-push")||r.params.push,$el:u,el:u[0],$backdropEl:g,backdropEl:g&&g[0],type:"sheet",$htmlEl:t("html")}),r.params.push&&u.addClass("sheet-modal-push");let v,S,k,E,T,$,P,M,x,O,H,B,_,q,N,D,I,K,X=!1,Y=!1;function z(e){X||!r.params.swipeToClose&&!r.params.swipeToStep||r.params.swipeHandler&&0===t(e.target).closest(r.params.swipeHandler).length||(X=!0,Y=!1,v={x:"touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,y:"touchstart"===e.type?e.targetTouches[0].pageY:e.pageY},E=n(),k=void 0,$=u.hasClass("sheet-modal-top"),r.params.swipeHandler||"touchstart"!==e.type||(N=t(e.target).closest(".page-content")[0]))}function A(s){if(!X)return;if(S={x:"touchmove"===s.type?s.targetTouches[0].pageX:s.pageX,y:"touchmove"===s.type?s.targetTouches[0].pageY:s.pageY},void 0===k&&(k=!!(k||Math.abs(S.x-v.x)>Math.abs(S.y-v.y))),k)return X=!1,void(Y=!1);T=v.y-S.y;const t=T<0?"to-bottom":"to-top";if(!Y){if(N&&!u.hasClass("modal-in-swipe-step")&&(D=N.scrollTop,I=N.scrollHeight,K=N.offsetHeight,!(I===K||"to-bottom"===t&&0===D||"to-top"===t&&D===I-K)))return u.transform(""),X=!1,void(Y=!1);r.push&&w&&(_=e.$el.children(".view, .views")),O=u[0].offsetHeight,M=c(u[0],"y"),$?(H=r.params.swipeToClose?-O:-P,B=0):(H=0,B=r.params.swipeToClose?O:P),Y=!0}if(x=M-T,x=Math.min(Math.max(x,H),B),s.preventDefault(),r.push&&w){let e=(x-M)/O;r.params.swipeToStep&&(e=$?x/P:1-(P-x)/P),e=Math.abs(e),e=Math.min(Math.max(e,0),1);const s=1-e,t=1-(1-C(w))*s;_.transition(0).forEach((e=>{e.style.setProperty("transform",`translate3d(0,0,0) scale(${t})`,"important")})),r.params.swipeToStep&&_.css("border-radius",q*s+"px")}if(u.transition(0).transform(`translate3d(0,${x}px,0)`),r.params.swipeToStep){let e;e=$?1-x/P:(P-x)/P,e=Math.min(Math.max(e,0),1),u.trigger("sheet:stepprogress",e),r.emit("local::stepProgress sheetStepProgress",r,e)}}function L(){if(X=!1,!Y)return;Y=!1,u.transform("").transition(""),r.push&&w&&(_.transition("").transform(""),_.css("border-radius",""));const e=T<0?"to-bottom":"to-top",s=Math.abs(T);if(0===s||x===M)return;const t=(new Date).getTime()-E;if(!r.params.swipeToStep){if(e!==($?"to-top":"to-bottom"))return;return void((t<300&&s>20||t>=300&&s>O/2)&&r.close())}const o=$?"to-bottom":"to-top",p=$?"to-top":"to-bottom",a=Math.abs(x),l=Math.abs(P);if(t<300&&s>10)return e===o&&a<l&&(u.removeClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",1),r.emit("local::stepProgress sheetStepProgress",r,1),r.emit("local::_swipeStep",!1),u.trigger("sheet:stepopen"),r.emit("local::stepOpen sheetStepOpen",r),r.push&&w&&(r.$htmlEl[0].style.setProperty("--f7-sheet-push-scale",C(w)),_.css("border-radius",""))),e===p&&a>l&&(r.params.swipeToClose?r.close():(u.addClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",0),r.emit("local::stepProgress sheetStepProgress",r,0),r.emit("local::_swipeStep",!0),u.trigger("sheet:stepclose"),r.emit("local::stepClose sheetStepClose",r),r.push&&w&&(r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale"),_.css("border-radius","0px")))),void(e===p&&a<=l&&(u.addClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",0),r.emit("local::stepProgress sheetStepProgress",r,0),r.emit("local::_swipeStep",!0),u.trigger("sheet:stepclose"),r.emit("local::stepClose sheetStepClose",r),r.push&&w&&(r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale"),_.css("border-radius","0px"))));if(t>=300){const e=!u.hasClass("modal-in-swipe-step");e?e&&(a>l+(O-l)/2?r.params.swipeToClose&&r.close():a>l/2&&(u.addClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",0),r.emit("local::stepProgress sheetStepProgress",r,0),r.emit("local::_swipeStep",!0),u.trigger("sheet:stepclose"),r.emit("local::stepClose sheetStepClose",r),r.push&&w&&(r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale"),_.css("border-radius","0px")))):a<l/2?(u.removeClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",1),r.emit("local::stepProgress sheetStepProgress",r,1),r.emit("local::_swipeStep",!1),u.trigger("sheet:stepopen"),r.emit("local::stepOpen sheetStepOpen",r),r.push&&w&&(r.$htmlEl[0].style.setProperty("--f7-sheet-push-scale",C(w)),_.css("border-radius",""))):a-l>(O-l)/2&&r.params.swipeToClose&&r.close()}}function U(){r.setSwipeStep(!0)}r.setSwipeStep=function(e){void 0===e&&(e=!0);const s=u.find(".sheet-modal-swipe-step").eq(0);s.length&&(P=u.hasClass("sheet-modal-top")?-(s.offset().top-u.offset().top+s[0].offsetHeight):u[0].offsetHeight-(s.offset().top-u.offset().top+s[0].offsetHeight),u[0].style.setProperty("--f7-sheet-swipe-step",`${P}px`),e||(u.addClass("modal-in-swipe-step"),r.emit("local::_swipeStep",!0)))};const V=!!d.passiveListener&&{passive:!0};return(r.params.swipeToClose||r.params.swipeToStep)&&(u.on(e.touchEvents.start,z,V),e.on("touchmove",A),e.on("touchend:passive",L),r.once("sheetDestroy",(()=>{u.off(e.touchEvents.start,z,V),e.off("touchmove",A),e.off("touchend:passive",L)}))),r.on("open",(()=>{r.params.closeOnEscape&&t(h).on("keydown",b),u.prevAll(".popup.modal-in").addClass("popup-behind"),r.params.swipeToStep&&(r.setSwipeStep(!1),e.on("resize",U)),r.params.scrollToEl&&function(){const e=t(r.params.scrollToEl).eq(0);if(0===e.length)return;if(f=e.parents(".page-content"),0===f.length)return;const s=parseInt(f.css("padding-top"),10),o=parseInt(f.css("padding-bottom"),10),p=f[0].offsetHeight-s-u.height(),a=f[0].scrollHeight-s-u.height(),l=f.scrollTop();let i;const n=e.offset().top-s+e[0].offsetHeight;if(n>p){const e=l+n-p;e+p>a&&(i=e+p-a+o,p===a&&(i=u.height()),f.css({"padding-bottom":`${i}px`})),f.scrollTop(e,300)}}(),r.push&&(w=parseInt(u.css("--f7-sheet-push-offset"),10),Number.isNaN(w)&&(w=0),w&&(u.addClass("sheet-modal-push"),r.$htmlEl.addClass("with-modal-sheet-push"),r.params.swipeToStep?(_=e.$el.children(".view, .views"),q=parseFloat(u.css(`border-${$?"bottom":"top"}-left-radius`)),_.css("border-radius","0px")):r.$htmlEl[0].style.setProperty("--f7-sheet-push-scale",C(w))))})),r.on("opened",(()=>{(r.params.closeByOutsideClick||r.params.closeByBackdropClick)&&e.on("click",y)})),r.on("close",(()=>{r.params.swipeToStep&&(u.removeClass("modal-in-swipe-step"),r.emit("local::_swipeStep",!1),e.off("resize",U)),r.params.closeOnEscape&&t(h).off("keydown",b),r.params.scrollToEl&&f&&f.length>0&&f.css({"padding-bottom":""}),(r.params.closeByOutsideClick||r.params.closeByBackdropClick)&&e.off("click",y),u.prevAll(".popup.modal-in").eq(0).removeClass("popup-behind"),r.push&&w&&(r.$htmlEl.removeClass("with-modal-sheet-push"),r.$htmlEl.addClass("with-modal-sheet-push-closing"))})),r.on("closed",(()=>{r.push&&w&&(r.$htmlEl.removeClass("with-modal-sheet-push-closing"),r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale"))})),r.stepOpen=function(){u.removeClass("modal-in-swipe-step"),r.emit("local::_swipeStep",!1),r.push&&(w||(w=parseInt(u.css("--f7-sheet-push-offset"),10),Number.isNaN(w)&&(w=0)),w&&r.$htmlEl[0].style.setProperty("--f7-sheet-push-scale",C(w)))},r.stepClose=function(){u.addClass("modal-in-swipe-step"),r.emit("local::_swipeStep",!0),r.push&&r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale")},r.stepToggle=function(){u.toggleClass("modal-in-swipe-step"),r.emit("local::_swipeStep",u.hasClass("modal-in-swipe-step"))},u[0].f7Modal=r,r}}var d={name:"sheet",params:{sheet:{push:!1,backdrop:void 0,backdropEl:void 0,backdropUnique:!1,closeByBackdropClick:!0,closeByOutsideClick:!1,closeOnEscape:!1,swipeToClose:!1,swipeToStep:!1,swipeHandler:null,containerEl:null}},static:{Sheet:h},create(){const e=this;e.sheet=i({},l({app:e,constructor:h,defaultSelector:".sheet-modal.modal-in"}),{stepOpen(s){const t=e.sheet.get(s);if(t&&t.stepOpen)return t.stepOpen()},stepClose(s){const t=e.sheet.get(s);if(t&&t.stepClose)return t.stepClose()},stepToggle(s){const t=e.sheet.get(s);if(t&&t.stepToggle)return t.stepToggle()}})},clicks:{".sheet-open":function(e,s){void 0===s&&(s={});const o=this;t(".sheet-modal.modal-in").length>0&&s.sheet&&t(s.sheet)[0]!==t(".sheet-modal.modal-in")[0]&&o.sheet.close(".sheet-modal.modal-in"),o.sheet.open(s.sheet,s.animate,e)},".sheet-close":function(e,s){void 0===s&&(s={});this.sheet.close(s.sheet,s.animate,e)}}};if(s){if(e.prototype.modules&&e.prototype.modules[d.name])return;e.use(d),e.instance&&(e.instance.useModuleParams(d,e.instance.params),e.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(e,s){void 0===s&&(s=!0);var t=e.$,o=e.utils,p=e.getDevice,a=e.getSupport,r=(e.Class,e.Modal),l=(e.ConstructorMethods,e.ModalMethods),i=o.extend,n=o.now,c=o.getTranslate;class h extends r{constructor(e,s){const o=i({on:{}},e.params.sheet,s);super(e,o);const r=this,l=l,h=h,d=a(),m=p();let u,g,f,w;if(r.params=o,void 0===r.params.backdrop&&(r.params.backdrop="ios"!==e.theme),u=r.params.el?t(r.params.el).eq(0):t(r.params.content).filter((e=>1===e.nodeType)).eq(0),u&&u.length>0&&u[0].f7Modal)return u[0].f7Modal;if(0===u.length)return r.destroy();function y(e){const s=e.target,o=t(s);!m.desktop&&m.cordova&&(l.Keyboard&&l.Keyboard.isVisible||l.cordova.plugins&&l.cordova.plugins.Keyboard&&l.cordova.plugins.Keyboard.isVisible)||0===o.closest(r.el).length&&(r.params.closeByBackdropClick&&r.params.backdrop&&r.backdropEl&&r.backdropEl===s||r.params.closeByOutsideClick)&&r.close()}function b(e){27===e.keyCode&&r.params.closeOnEscape&&r.close()}function C(s){return(e.height-2*s)/e.height}r.params.backdrop&&r.params.backdropEl?g=t(r.params.backdropEl):r.params.backdrop&&(r.params.backdropUnique?(g=t('<div class="sheet-backdrop sheet-backdrop-unique"></div>'),r.$containerEl.append(g)):g=r.$containerEl.children(".sheet-backdrop"),0===g.length&&(g=t('<div class="sheet-backdrop"></div>'),r.$containerEl.append(g))),i(r,{app:e,push:u.hasClass("sheet-modal-push")||r.params.push,$el:u,el:u[0],$backdropEl:g,backdropEl:g&&g[0],type:"sheet",$htmlEl:t("html")}),r.params.push&&u.addClass("sheet-modal-push");let v,S,k,E,T,$,P,M,x,O,H,B,_,q,N,D,I,K,X=!1,Y=!1;function z(e){X||!r.params.swipeToClose&&!r.params.swipeToStep||r.params.swipeHandler&&0===t(e.target).closest(r.params.swipeHandler).length||(X=!0,Y=!1,v={x:"touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,y:"touchstart"===e.type?e.targetTouches[0].pageY:e.pageY},E=n(),k=void 0,$=u.hasClass("sheet-modal-top"),r.params.swipeHandler||"touchstart"!==e.type||(N=t(e.target).closest(".page-content")[0]))}function A(s){if(!X)return;if(S={x:"touchmove"===s.type?s.targetTouches[0].pageX:s.pageX,y:"touchmove"===s.type?s.targetTouches[0].pageY:s.pageY},void 0===k&&(k=!!(k||Math.abs(S.x-v.x)>Math.abs(S.y-v.y))),k)return X=!1,void(Y=!1);T=v.y-S.y;const t=T<0?"to-bottom":"to-top";if(!Y){if(N&&!u.hasClass("modal-in-swipe-step")&&(D=N.scrollTop,I=N.scrollHeight,K=N.offsetHeight,!(I===K||"to-bottom"===t&&0===D||"to-top"===t&&D===I-K)))return u.transform(""),X=!1,void(Y=!1);r.push&&w&&(_=e.$el.children(".view, .views")),O=u[0].offsetHeight,M=c(u[0],"y"),$?(H=r.params.swipeToClose?-O:-P,B=0):(H=0,B=r.params.swipeToClose?O:P),Y=!0}if(x=M-T,x=Math.min(Math.max(x,H),B),s.preventDefault(),r.push&&w){let e=(x-M)/O;r.params.swipeToStep&&(e=$?x/P:1-(P-x)/P),e=Math.abs(e),e=Math.min(Math.max(e,0),1);const s=1-e,t=1-(1-C(w))*s;_.transition(0).forEach((e=>{e.style.setProperty("transform",`translate3d(0,0,0) scale(${t})`,"important")})),r.params.swipeToStep&&_.css("border-radius",q*s+"px")}if(u.transition(0).transform(`translate3d(0,${x}px,0)`),r.params.swipeToStep){let e;e=$?1-x/P:(P-x)/P,e=Math.min(Math.max(e,0),1),u.trigger("sheet:stepprogress",e),r.emit("local::stepProgress sheetStepProgress",r,e)}}function L(){if(X=!1,!Y)return;Y=!1,u.transform("").transition(""),r.push&&w&&(_.transition("").transform(""),_.css("border-radius",""));const e=T<0?"to-bottom":"to-top",s=Math.abs(T);if(0===s||x===M)return;const t=(new Date).getTime()-E;if(!r.params.swipeToStep){if(e!==($?"to-top":"to-bottom"))return;return void((t<300&&s>20||t>=300&&s>O/2)&&r.close())}const o=$?"to-bottom":"to-top",p=$?"to-top":"to-bottom",a=Math.abs(x),l=Math.abs(P);if(t<300&&s>10)return e===o&&a<l&&(u.removeClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",1),r.emit("local::stepProgress sheetStepProgress",r,1),r.emit("local::_swipeStep",!1),u.trigger("sheet:stepopen"),r.emit("local::stepOpen sheetStepOpen",r),r.push&&w&&(r.$htmlEl[0].style.setProperty("--f7-sheet-push-scale",C(w)),_.css("border-radius",""))),e===p&&a>l&&(r.params.swipeToClose?r.close():(u.addClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",0),r.emit("local::stepProgress sheetStepProgress",r,0),r.emit("local::_swipeStep",!0),u.trigger("sheet:stepclose"),r.emit("local::stepClose sheetStepClose",r),r.push&&w&&(r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale"),_.css("border-radius","0px")))),void(e===p&&a<=l&&(u.addClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",0),r.emit("local::stepProgress sheetStepProgress",r,0),r.emit("local::_swipeStep",!0),u.trigger("sheet:stepclose"),r.emit("local::stepClose sheetStepClose",r),r.push&&w&&(r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale"),_.css("border-radius","0px"))));if(t>=300){const e=!u.hasClass("modal-in-swipe-step");e?e&&(a>l+(O-l)/2?r.params.swipeToClose&&r.close():a>l/2&&(u.addClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",0),r.emit("local::stepProgress sheetStepProgress",r,0),r.emit("local::_swipeStep",!0),u.trigger("sheet:stepclose"),r.emit("local::stepClose sheetStepClose",r),r.push&&w&&(r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale"),_.css("border-radius","0px")))):a<l/2?(u.removeClass("modal-in-swipe-step"),u.trigger("sheet:stepprogress",1),r.emit("local::stepProgress sheetStepProgress",r,1),r.emit("local::_swipeStep",!1),u.trigger("sheet:stepopen"),r.emit("local::stepOpen sheetStepOpen",r),r.push&&w&&(r.$htmlEl[0].style.setProperty("--f7-sheet-push-scale",C(w)),_.css("border-radius",""))):a-l>(O-l)/2&&r.params.swipeToClose&&r.close()}}function U(){r.setSwipeStep(!0)}r.setSwipeStep=function(e){void 0===e&&(e=!0);const s=u.find(".sheet-modal-swipe-step").eq(0);s.length&&(P=u.hasClass("sheet-modal-top")?-(s.offset().top-u.offset().top+s[0].offsetHeight):u[0].offsetHeight-(s.offset().top-u.offset().top+s[0].offsetHeight),u[0].style.setProperty("--f7-sheet-swipe-step",`${P}px`),e||(u.addClass("modal-in-swipe-step"),r.emit("local::_swipeStep",!0)))};const V=!!d.passiveListener&&{passive:!0};return(r.params.swipeToClose||r.params.swipeToStep)&&(u.on(e.touchEvents.start,z,V),e.on("touchmove",A),e.on("touchend:passive",L),r.once("sheetDestroy",(()=>{u.off(e.touchEvents.start,z,V),e.off("touchmove",A),e.off("touchend:passive",L)}))),r.on("open",(()=>{r.params.closeOnEscape&&t(h).on("keydown",b),u.prevAll(".popup.modal-in").addClass("popup-behind"),r.params.swipeToStep&&(r.setSwipeStep(!1),e.on("resize",U)),r.params.scrollToEl&&function(){const e=t(r.params.scrollToEl).eq(0);if(0===e.length)return;if(f=e.parents(".page-content"),0===f.length)return;const s=parseInt(f.css("padding-top"),10),o=parseInt(f.css("padding-bottom"),10),p=f[0].offsetHeight-s-u.height(),a=f[0].scrollHeight-s-u.height(),l=f.scrollTop();let i;const n=e.offset().top-s+e[0].offsetHeight;if(n>p){const e=l+n-p;e+p>a&&(i=e+p-a+o,p===a&&(i=u.height()),f.css({"padding-bottom":`${i}px`})),f.scrollTop(e,300)}}(),r.push&&(w=parseInt(u.css("--f7-sheet-push-offset"),10),Number.isNaN(w)&&(w=0),w&&(u.addClass("sheet-modal-push"),r.$htmlEl.addClass("with-modal-sheet-push"),r.params.swipeToStep?(_=e.$el.children(".view, .views"),q=parseFloat(u.css(`border-${$?"bottom":"top"}-left-radius`)),_.css("border-radius","0px")):r.$htmlEl[0].style.setProperty("--f7-sheet-push-scale",C(w))))})),r.on("opened",(()=>{(r.params.closeByOutsideClick||r.params.closeByBackdropClick)&&e.on("click",y)})),r.on("close",(()=>{r.params.swipeToStep&&(u.removeClass("modal-in-swipe-step"),r.emit("local::_swipeStep",!1),e.off("resize",U)),r.params.closeOnEscape&&t(h).off("keydown",b),r.params.scrollToEl&&f&&f.length>0&&f.css({"padding-bottom":""}),(r.params.closeByOutsideClick||r.params.closeByBackdropClick)&&e.off("click",y),u.prevAll(".popup.modal-in").eq(0).removeClass("popup-behind"),r.push&&w&&(r.$htmlEl.removeClass("with-modal-sheet-push"),r.$htmlEl.addClass("with-modal-sheet-push-closing"))})),r.on("closed",(()=>{r.push&&w&&(r.$htmlEl.removeClass("with-modal-sheet-push-closing"),r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale"))})),r.stepOpen=function(){u.removeClass("modal-in-swipe-step"),r.emit("local::_swipeStep",!1),r.push&&(w||(w=parseInt(u.css("--f7-sheet-push-offset"),10),Number.isNaN(w)&&(w=0)),w&&r.$htmlEl[0].style.setProperty("--f7-sheet-push-scale",C(w)))},r.stepClose=function(){u.addClass("modal-in-swipe-step"),r.emit("local::_swipeStep",!0),r.push&&r.$htmlEl[0].style.removeProperty("--f7-sheet-push-scale")},r.stepToggle=function(){u.toggleClass("modal-in-swipe-step"),r.emit("local::_swipeStep",u.hasClass("modal-in-swipe-step"))},u[0].f7Modal=r,r}}var d={name:"sheet",params:{sheet:{push:!1,backdrop:void 0,backdropEl:void 0,backdropUnique:!1,closeByBackdropClick:!0,closeByOutsideClick:!1,closeOnEscape:!1,swipeToClose:!1,swipeToStep:!1,swipeHandler:null,containerEl:null}},static:{Sheet:h},create(){const e=this;e.sheet=i({},l({app:e,constructor:h,defaultSelector:".sheet-modal.modal-in"}),{stepOpen(s){const t=e.sheet.get(s);if(t&&t.stepOpen)return t.stepOpen()},stepClose(s){const t=e.sheet.get(s);if(t&&t.stepClose)return t.stepClose()},stepToggle(s){const t=e.sheet.get(s);if(t&&t.stepToggle)return t.stepToggle()}})},clicks:{".sheet-open":function(e,s){void 0===s&&(s={});const o=this;t(".sheet-modal.modal-in").length>0&&s.sheet&&t(s.sheet)[0]!==t(".sheet-modal.modal-in")[0]&&o.sheet.close(".sheet-modal.modal-in"),o.sheet.open(s.sheet,s.animate,e)},".sheet-close":function(e,s){void 0===s&&(s={});this.sheet.close(s.sheet,s.animate,e)}}};if(s){if(e.prototype.modules&&e.prototype.modules[d.name])return;e.use(d),e.instance&&(e.instance.useModuleParams(d,e.instance.params),e.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/skeleton/skeleton.d.ts

@@ -1,4 +1,8 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 
 export namespace Skeleton {
   interface AppMethods {}

package/components/smart-select/smart-select.d.ts

@@ -1,7 +1,11 @@
 import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
-import { View } from '../view/view';
-import { Searchbar } from '../searchbar/searchbar';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
+import { View } from '../view/view.js';
+import { Searchbar } from '../searchbar/searchbar.js';
 
 export namespace SmartSelect {
   interface Events {

package/components/sortable/sortable.d.ts

@@ -1,4 +1,4 @@
-import { CSSSelector, Framework7Plugin } from '../app/app-class';
+import { CSSSelector, Framework7Plugin } from '../app/app-class.js';
 
 export namespace Sortable {
   interface SortIndexes {

package/components/sortable/sortable.lazy.js

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

package/components/statusbar/statusbar.d.ts

@@ -1,4 +1,8 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 
 export namespace Statusbar {
   interface AppParams {

package/components/stepper/stepper.d.ts

@@ -1,5 +1,9 @@
 import { Dom7Array } from 'dom7';
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 
 export namespace Stepper {
   interface Parameters {

package/components/subnavbar/subnavbar.d.ts

@@ -1,4 +1,4 @@
-import { Framework7Plugin } from '../app/app-class';
+import { Framework7Plugin } from '../app/app-class.js';
 
 export namespace Subnavbar {
   interface AppMethods {}

package/components/swipeout/swipeout.d.ts

@@ -1,4 +1,4 @@
-import { CSSSelector, Framework7Plugin } from '../app/app-class';
+import { CSSSelector, Framework7Plugin } from '../app/app-class.js';
 
 export namespace Swipeout {
   interface DomEvents {

package/components/swipeout/swipeout.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var s=e.$,o=e.utils,i=(e.getDevice,e.getSupport),n=(e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,o.nextFrame),a=o.bindMethods;const r={init(){const e=this,t=getDocument(),o={};let n,a,p,l,u,w,f,d,c,h,g,m,v,C,x,O,$,E,M,T,L;const S=!!i().passiveListener&&{passive:!0};e.on("touchstart",(t=>{if(r.el){const o=s(t.target);s(r.el).is(o[0])||o.parents(".swipeout").is(r.el)||o.hasClass("modal-in")||(o.attr("class")||"").indexOf("-backdrop")>0||o.hasClass("actions-modal")||o.parents(".actions-modal.modal-in, .dialog.modal-in").length>0||e.swipeout.close(r.el)}})),s(t).on(e.touchEvents.start,"li.swipeout",(function(t){e.swipeout.allow&&(a=!1,n=!0,p=void 0,o.x="touchstart"===t.type?t.targetTouches[0].pageX:t.pageX,o.y="touchstart"===t.type?t.targetTouches[0].pageY:t.pageY,l=(new Date).getTime(),w=s(this))}),S),e.on("touchmove:active",(function(t){if(!n)return;const i="touchmove"===t.type?t.targetTouches[0].pageX:t.pageX,r="touchmove"===t.type?t.targetTouches[0].pageY:t.pageY;if(void 0===p&&(p=!!(p||Math.abs(r-o.y)>Math.abs(i-o.x))),p)return void(n=!1);if(!a){if(s(".list.sortable-opened").length>0)return;f=w.find(".swipeout-content"),d=w.find(".swipeout-actions-right"),c=w.find(".swipeout-actions-left"),h=null,g=null,x=null,O=null,M=null,E=null,c.length>0&&(h=c.outerWidth(),x=c.children("a"),E=c.find(".swipeout-overswipe")),d.length>0&&(g=d.outerWidth(),O=d.children("a"),M=d.find(".swipeout-overswipe")),v=w.hasClass("swipeout-opened"),v&&(C=w.find(".swipeout-actions-left.swipeout-actions-opened").length>0?"left":"right"),w.removeClass("swipeout-transitioning"),e.params.swipeout.noFollow||(w.find(".swipeout-actions-opened").removeClass("swipeout-actions-opened"),w.removeClass("swipeout-opened"))}if(a=!0,t.cancelable&&t.preventDefault(),u=i-o.x,m=u,v&&("right"===C?m-=g:m+=h),m>0&&0===c.length||m<0&&0===d.length){if(!v)return n=!1,a=!1,f.transform(""),O&&O.length>0&&O.transform(""),void(x&&x.length>0&&x.transform(""));m=0}let l,S;if(m<0?$="to-left":m>0?$="to-right":$||($="to-left"),t.f7PreventSwipePanel=!0,e.params.swipeout.noFollow)return v?("right"===C&&u>0&&e.swipeout.close(w),"left"===C&&u<0&&e.swipeout.close(w)):(u<0&&d.length>0&&e.swipeout.open(w,"right"),u>0&&c.length>0&&e.swipeout.open(w,"left")),n=!1,void(a=!1);if(T=!1,L=!1,d.length>0){let t=m;if(S=t/g,t<-g){const s=t/-g;t=-g-(-t-g)**.8,m=t,M.length>0&&s>e.params.swipeout.overswipeRatio&&(L=!0)}"to-left"!==$&&(S=0,t=0),O.each((o=>{const i=s(o);void 0===o.f7SwipeoutButtonOffset&&(i[0].f7SwipeoutButtonOffset=o.offsetLeft),l=o.f7SwipeoutButtonOffset,M.length>0&&i.hasClass("swipeout-overswipe")&&"to-left"===$&&(i.css({left:(L?-l:0)+"px"}),L?(i.hasClass("swipeout-overswipe-active")||(w.trigger("swipeout:overswipeenter"),e.emit("swipeoutOverswipeEnter",w[0])),i.addClass("swipeout-overswipe-active")):(i.hasClass("swipeout-overswipe-active")&&(w.trigger("swipeout:overswipeexit"),e.emit("swipeoutOverswipeExit",w[0])),i.removeClass("swipeout-overswipe-active"))),i.transform(`translate3d(${t-l*(1+Math.max(S,-1))}px,0,0)`)}))}if(c.length>0){let t=m;if(S=t/h,t>h){const s=t/g;t=h+(t-h)**.8,m=t,E.length>0&&s>e.params.swipeout.overswipeRatio&&(T=!0)}"to-right"!==$&&(t=0,S=0),x.each(((o,i)=>{const n=s(o);void 0===o.f7SwipeoutButtonOffset&&(n[0].f7SwipeoutButtonOffset=h-o.offsetLeft-o.offsetWidth),l=o.f7SwipeoutButtonOffset,E.length>0&&n.hasClass("swipeout-overswipe")&&"to-right"===$&&(n.css({left:`${T?l:0}px`}),T?(n.hasClass("swipeout-overswipe-active")||(w.trigger("swipeout:overswipeenter"),e.emit("swipeoutOverswipeEnter",w[0])),n.addClass("swipeout-overswipe-active")):(n.hasClass("swipeout-overswipe-active")&&(w.trigger("swipeout:overswipeexit"),e.emit("swipeoutOverswipeExit",w[0])),n.removeClass("swipeout-overswipe-active"))),x.length>1&&n.css("z-index",x.length-i),n.transform(`translate3d(${t+l*(1-Math.min(S,1))}px,0,0)`)}))}w.trigger("swipeout",S),e.emit("swipeout",w[0],S),f.transform(`translate3d(${m}px,0,0)`)})),e.on("touchend:passive",(function(){if(!n||!a)return n=!1,void(a=!1);n=!1,a=!1;const t=(new Date).getTime()-l,o="to-left"===$?d:c,i="to-left"===$?g:h;let p,C,E,M;if(p=t<300&&(u<-10&&"to-left"===$||u>10&&"to-right"===$)||t>=300&&Math.abs(m)>i/2?"open":"close",t<300&&(0===Math.abs(m)&&(p="close"),Math.abs(m)===i&&(p="open")),"open"===p){r.el=w[0],w.trigger("swipeout:open"),e.emit("swipeoutOpen",w[0]),w.addClass("swipeout-opened swipeout-transitioning");const t="to-left"===$?-i:i;if(f.transform(`translate3d(${t}px,0,0)`),o.addClass("swipeout-actions-opened"),C="to-left"===$?O:x,C)for(E=0;E<C.length;E+=1)s(C[E]).transform(`translate3d(${t}px,0,0)`);L&&d.find(".swipeout-overswipe").trigger("click","f7Overswipe"),T&&c.find(".swipeout-overswipe").trigger("click","f7Overswipe")}else w.trigger("swipeout:close"),e.emit("swipeoutClose",w[0]),r.el=void 0,w.addClass("swipeout-transitioning").removeClass("swipeout-opened"),f.transform(""),o.removeClass("swipeout-actions-opened");x&&x.length>0&&x!==C&&x.each((e=>{const t=s(e);M=e.f7SwipeoutButtonOffset,void 0===M&&(t[0].f7SwipeoutButtonOffset=h-e.offsetLeft-e.offsetWidth),t.transform(`translate3d(${M}px,0,0)`)})),O&&O.length>0&&O!==C&&O.each((e=>{const t=s(e);M=e.f7SwipeoutButtonOffset,void 0===M&&(t[0].f7SwipeoutButtonOffset=e.offsetLeft),t.transform(`translate3d(${-M}px,0,0)`)})),f.transitionEnd((()=>{v&&"open"===p||!v&&"close"===p||(w.trigger("open"===p?"swipeout:opened":"swipeout:closed"),e.emit("open"===p?"swipeoutOpened":"swipeoutClosed",w[0]),w.removeClass("swipeout-transitioning"),v&&"close"===p&&(d.length>0&&O.transform(""),c.length>0&&x.transform("")))}))}))},allow:!0,el:void 0,open(){const e=this;for(var t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];let[a,p,l]=o;"function"==typeof o[1]&&([a,l,p]=o);const u=s(a).eq(0);if(0===u.length)return;if(!u.hasClass("swipeout")||u.hasClass("swipeout-opened"))return;p||(p=u.find(".swipeout-actions-right").length>0?"right":"left");const w=u.find(`.swipeout-actions-${p}`),f=u.find(".swipeout-content");if(0===w.length)return;u.trigger("swipeout:open").addClass("swipeout-opened").removeClass("swipeout-transitioning"),e.emit("swipeoutOpen",u[0]),w.addClass("swipeout-actions-opened");const d=w.children("a"),c=w.outerWidth(),h="right"===p?-c:c;d.length>1&&d.each(((e,t)=>{const o=s(e);"right"===p?o.transform(`translate3d(${-e.offsetLeft}px,0,0)`):o.css("z-index",d.length-t).transform(`translate3d(${c-e.offsetWidth-e.offsetLeft}px,0,0)`)})),u.addClass("swipeout-transitioning"),f.transitionEnd((()=>{u.trigger("swipeout:opened"),e.emit("swipeoutOpened",u[0]),l&&l.call(u[0])})),n((()=>{d.transform(`translate3d(${h}px,0,0)`),f.transform(`translate3d(${h}px,0,0)`)})),r.el=u[0]},close(e,t){const o=this,i=s(e).eq(0);if(0===i.length)return;if(!i.hasClass("swipeout-opened"))return;const n=i.find(".swipeout-actions-opened").hasClass("swipeout-actions-right")?"right":"left",a=i.find(".swipeout-actions-opened").removeClass("swipeout-actions-opened"),p=a.children("a"),l=a.outerWidth();let u;function w(){o.swipeout.allow=!0,i.hasClass("swipeout-opened")||(i.removeClass("swipeout-transitioning"),p.transform(""),i.trigger("swipeout:closed"),o.emit("swipeoutClosed",i[0]),t&&t.call(i[0]),u&&clearTimeout(u))}o.swipeout.allow=!1,i.trigger("swipeout:close"),o.emit("swipeoutClose",i[0]),i.removeClass("swipeout-opened").addClass("swipeout-transitioning"),i.find(".swipeout-content").transform("").transitionEnd(w),u=setTimeout(w,500),p.each((e=>{const t=s(e);"right"===n?t.transform(`translate3d(${-e.offsetLeft}px,0,0)`):t.transform(`translate3d(${l-e.offsetWidth-e.offsetLeft}px,0,0)`),t.css({left:"0px"}).removeClass("swipeout-overswipe-active")})),r.el&&r.el===i[0]&&(r.el=void 0)},delete(e,t){const o=this,i=s(e).eq(0);0!==i.length&&(r.el=void 0,i.trigger("swipeout:delete"),o.emit("swipeoutDelete",i[0]),i.css({height:`${i.outerHeight()}px`}),i.transitionEnd((()=>{if(i.trigger("swipeout:deleted"),o.emit("swipeoutDeleted",i[0]),t&&t.call(i[0]),i.parents(".virtual-list").length>0){const e=i.parents(".virtual-list")[0].f7VirtualList,t=i[0].f7VirtualListIndex;e&&void 0!==t&&e.deleteItem(t)}else o.params.swipeout.removeElements?o.params.swipeout.removeElementsWithTimeout?setTimeout((()=>{i.remove()}),o.params.swipeout.removeElementsTimeout):i.remove():i.removeClass("swipeout-deleting swipeout-transitioning")})),n((()=>{i.addClass("swipeout-deleting swipeout-transitioning").css({height:"0px"}).find(".swipeout-content").transform("translate3d(-100%,0,0)")})))}};var p={name:"swipeout",params:{swipeout:{actionsNoFold:!1,noFollow:!1,removeElements:!0,removeElementsWithTimeout:!1,removeElementsTimeout:0,overswipeRatio:1.2}},create(){a(this,{swipeout:r})},clicks:{".swipeout-open":function(e,t){void 0===t&&(t={});this.swipeout.open(t.swipeout,t.side)},".swipeout-close":function(e){const t=e.closest(".swipeout");0!==t.length&&this.swipeout.close(t)},".swipeout-delete":function(e,t){void 0===t&&(t={});const s=this,o=e.closest(".swipeout");if(0===o.length)return;const{confirm:i,confirmTitle:n}=t;t.confirm?s.dialog.confirm(i,n,(()=>{s.swipeout.delete(o)})):s.swipeout.delete(o)}},on:{init(){this.params.swipeout&&this.swipeout.init()}}};if(t){if(e.prototype.modules&&e.prototype.modules[p.name])return;e.use(p),e.instance&&(e.instance.useModuleParams(p,e.instance.params),e.instance.useModule(p))}return p}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var s=e.$,o=e.utils,i=(e.getDevice,e.getSupport),n=(e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,o.nextFrame),a=o.bindMethods;const r={init(){const e=this,t=t,o={};let n,a,p,l,u,w,f,d,c,h,g,m,v,C,x,O,$,E,M,T,L;const S=!!i().passiveListener&&{passive:!0};e.on("touchstart",(t=>{if(r.el){const o=s(t.target);s(r.el).is(o[0])||o.parents(".swipeout").is(r.el)||o.hasClass("modal-in")||(o.attr("class")||"").indexOf("-backdrop")>0||o.hasClass("actions-modal")||o.parents(".actions-modal.modal-in, .dialog.modal-in").length>0||e.swipeout.close(r.el)}})),s(t).on(e.touchEvents.start,"li.swipeout",(function(t){e.swipeout.allow&&(a=!1,n=!0,p=void 0,o.x="touchstart"===t.type?t.targetTouches[0].pageX:t.pageX,o.y="touchstart"===t.type?t.targetTouches[0].pageY:t.pageY,l=(new Date).getTime(),w=s(this))}),S),e.on("touchmove:active",(function(t){if(!n)return;const i="touchmove"===t.type?t.targetTouches[0].pageX:t.pageX,r="touchmove"===t.type?t.targetTouches[0].pageY:t.pageY;if(void 0===p&&(p=!!(p||Math.abs(r-o.y)>Math.abs(i-o.x))),p)return void(n=!1);if(!a){if(s(".list.sortable-opened").length>0)return;f=w.find(".swipeout-content"),d=w.find(".swipeout-actions-right"),c=w.find(".swipeout-actions-left"),h=null,g=null,x=null,O=null,M=null,E=null,c.length>0&&(h=c.outerWidth(),x=c.children("a"),E=c.find(".swipeout-overswipe")),d.length>0&&(g=d.outerWidth(),O=d.children("a"),M=d.find(".swipeout-overswipe")),v=w.hasClass("swipeout-opened"),v&&(C=w.find(".swipeout-actions-left.swipeout-actions-opened").length>0?"left":"right"),w.removeClass("swipeout-transitioning"),e.params.swipeout.noFollow||(w.find(".swipeout-actions-opened").removeClass("swipeout-actions-opened"),w.removeClass("swipeout-opened"))}if(a=!0,t.cancelable&&t.preventDefault(),u=i-o.x,m=u,v&&("right"===C?m-=g:m+=h),m>0&&0===c.length||m<0&&0===d.length){if(!v)return n=!1,a=!1,f.transform(""),O&&O.length>0&&O.transform(""),void(x&&x.length>0&&x.transform(""));m=0}let l,S;if(m<0?$="to-left":m>0?$="to-right":$||($="to-left"),t.f7PreventSwipePanel=!0,e.params.swipeout.noFollow)return v?("right"===C&&u>0&&e.swipeout.close(w),"left"===C&&u<0&&e.swipeout.close(w)):(u<0&&d.length>0&&e.swipeout.open(w,"right"),u>0&&c.length>0&&e.swipeout.open(w,"left")),n=!1,void(a=!1);if(T=!1,L=!1,d.length>0){let t=m;if(S=t/g,t<-g){const s=t/-g;t=-g-(-t-g)**.8,m=t,M.length>0&&s>e.params.swipeout.overswipeRatio&&(L=!0)}"to-left"!==$&&(S=0,t=0),O.each((o=>{const i=s(o);void 0===o.f7SwipeoutButtonOffset&&(i[0].f7SwipeoutButtonOffset=o.offsetLeft),l=o.f7SwipeoutButtonOffset,M.length>0&&i.hasClass("swipeout-overswipe")&&"to-left"===$&&(i.css({left:(L?-l:0)+"px"}),L?(i.hasClass("swipeout-overswipe-active")||(w.trigger("swipeout:overswipeenter"),e.emit("swipeoutOverswipeEnter",w[0])),i.addClass("swipeout-overswipe-active")):(i.hasClass("swipeout-overswipe-active")&&(w.trigger("swipeout:overswipeexit"),e.emit("swipeoutOverswipeExit",w[0])),i.removeClass("swipeout-overswipe-active"))),i.transform(`translate3d(${t-l*(1+Math.max(S,-1))}px,0,0)`)}))}if(c.length>0){let t=m;if(S=t/h,t>h){const s=t/g;t=h+(t-h)**.8,m=t,E.length>0&&s>e.params.swipeout.overswipeRatio&&(T=!0)}"to-right"!==$&&(t=0,S=0),x.each(((o,i)=>{const n=s(o);void 0===o.f7SwipeoutButtonOffset&&(n[0].f7SwipeoutButtonOffset=h-o.offsetLeft-o.offsetWidth),l=o.f7SwipeoutButtonOffset,E.length>0&&n.hasClass("swipeout-overswipe")&&"to-right"===$&&(n.css({left:`${T?l:0}px`}),T?(n.hasClass("swipeout-overswipe-active")||(w.trigger("swipeout:overswipeenter"),e.emit("swipeoutOverswipeEnter",w[0])),n.addClass("swipeout-overswipe-active")):(n.hasClass("swipeout-overswipe-active")&&(w.trigger("swipeout:overswipeexit"),e.emit("swipeoutOverswipeExit",w[0])),n.removeClass("swipeout-overswipe-active"))),x.length>1&&n.css("z-index",x.length-i),n.transform(`translate3d(${t+l*(1-Math.min(S,1))}px,0,0)`)}))}w.trigger("swipeout",S),e.emit("swipeout",w[0],S),f.transform(`translate3d(${m}px,0,0)`)})),e.on("touchend:passive",(function(){if(!n||!a)return n=!1,void(a=!1);n=!1,a=!1;const t=(new Date).getTime()-l,o="to-left"===$?d:c,i="to-left"===$?g:h;let p,C,E,M;if(p=t<300&&(u<-10&&"to-left"===$||u>10&&"to-right"===$)||t>=300&&Math.abs(m)>i/2?"open":"close",t<300&&(0===Math.abs(m)&&(p="close"),Math.abs(m)===i&&(p="open")),"open"===p){r.el=w[0],w.trigger("swipeout:open"),e.emit("swipeoutOpen",w[0]),w.addClass("swipeout-opened swipeout-transitioning");const t="to-left"===$?-i:i;if(f.transform(`translate3d(${t}px,0,0)`),o.addClass("swipeout-actions-opened"),C="to-left"===$?O:x,C)for(E=0;E<C.length;E+=1)s(C[E]).transform(`translate3d(${t}px,0,0)`);L&&d.find(".swipeout-overswipe").trigger("click","f7Overswipe"),T&&c.find(".swipeout-overswipe").trigger("click","f7Overswipe")}else w.trigger("swipeout:close"),e.emit("swipeoutClose",w[0]),r.el=void 0,w.addClass("swipeout-transitioning").removeClass("swipeout-opened"),f.transform(""),o.removeClass("swipeout-actions-opened");x&&x.length>0&&x!==C&&x.each((e=>{const t=s(e);M=e.f7SwipeoutButtonOffset,void 0===M&&(t[0].f7SwipeoutButtonOffset=h-e.offsetLeft-e.offsetWidth),t.transform(`translate3d(${M}px,0,0)`)})),O&&O.length>0&&O!==C&&O.each((e=>{const t=s(e);M=e.f7SwipeoutButtonOffset,void 0===M&&(t[0].f7SwipeoutButtonOffset=e.offsetLeft),t.transform(`translate3d(${-M}px,0,0)`)})),f.transitionEnd((()=>{v&&"open"===p||!v&&"close"===p||(w.trigger("open"===p?"swipeout:opened":"swipeout:closed"),e.emit("open"===p?"swipeoutOpened":"swipeoutClosed",w[0]),w.removeClass("swipeout-transitioning"),v&&"close"===p&&(d.length>0&&O.transform(""),c.length>0&&x.transform("")))}))}))},allow:!0,el:void 0,open(){const e=this;for(var t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];let[a,p,l]=o;"function"==typeof o[1]&&([a,l,p]=o);const u=s(a).eq(0);if(0===u.length)return;if(!u.hasClass("swipeout")||u.hasClass("swipeout-opened"))return;p||(p=u.find(".swipeout-actions-right").length>0?"right":"left");const w=u.find(`.swipeout-actions-${p}`),f=u.find(".swipeout-content");if(0===w.length)return;u.trigger("swipeout:open").addClass("swipeout-opened").removeClass("swipeout-transitioning"),e.emit("swipeoutOpen",u[0]),w.addClass("swipeout-actions-opened");const d=w.children("a"),c=w.outerWidth(),h="right"===p?-c:c;d.length>1&&d.each(((e,t)=>{const o=s(e);"right"===p?o.transform(`translate3d(${-e.offsetLeft}px,0,0)`):o.css("z-index",d.length-t).transform(`translate3d(${c-e.offsetWidth-e.offsetLeft}px,0,0)`)})),u.addClass("swipeout-transitioning"),f.transitionEnd((()=>{u.trigger("swipeout:opened"),e.emit("swipeoutOpened",u[0]),l&&l.call(u[0])})),n((()=>{d.transform(`translate3d(${h}px,0,0)`),f.transform(`translate3d(${h}px,0,0)`)})),r.el=u[0]},close(e,t){const o=this,i=s(e).eq(0);if(0===i.length)return;if(!i.hasClass("swipeout-opened"))return;const n=i.find(".swipeout-actions-opened").hasClass("swipeout-actions-right")?"right":"left",a=i.find(".swipeout-actions-opened").removeClass("swipeout-actions-opened"),p=a.children("a"),l=a.outerWidth();let u;function w(){o.swipeout.allow=!0,i.hasClass("swipeout-opened")||(i.removeClass("swipeout-transitioning"),p.transform(""),i.trigger("swipeout:closed"),o.emit("swipeoutClosed",i[0]),t&&t.call(i[0]),u&&clearTimeout(u))}o.swipeout.allow=!1,i.trigger("swipeout:close"),o.emit("swipeoutClose",i[0]),i.removeClass("swipeout-opened").addClass("swipeout-transitioning"),i.find(".swipeout-content").transform("").transitionEnd(w),u=setTimeout(w,500),p.each((e=>{const t=s(e);"right"===n?t.transform(`translate3d(${-e.offsetLeft}px,0,0)`):t.transform(`translate3d(${l-e.offsetWidth-e.offsetLeft}px,0,0)`),t.css({left:"0px"}).removeClass("swipeout-overswipe-active")})),r.el&&r.el===i[0]&&(r.el=void 0)},delete(e,t){const o=this,i=s(e).eq(0);0!==i.length&&(r.el=void 0,i.trigger("swipeout:delete"),o.emit("swipeoutDelete",i[0]),i.css({height:`${i.outerHeight()}px`}),i.transitionEnd((()=>{if(i.trigger("swipeout:deleted"),o.emit("swipeoutDeleted",i[0]),t&&t.call(i[0]),i.parents(".virtual-list").length>0){const e=i.parents(".virtual-list")[0].f7VirtualList,t=i[0].f7VirtualListIndex;e&&void 0!==t&&e.deleteItem(t)}else o.params.swipeout.removeElements?o.params.swipeout.removeElementsWithTimeout?setTimeout((()=>{i.remove()}),o.params.swipeout.removeElementsTimeout):i.remove():i.removeClass("swipeout-deleting swipeout-transitioning")})),n((()=>{i.addClass("swipeout-deleting swipeout-transitioning").css({height:"0px"}).find(".swipeout-content").transform("translate3d(-100%,0,0)")})))}};var p={name:"swipeout",params:{swipeout:{actionsNoFold:!1,noFollow:!1,removeElements:!0,removeElementsWithTimeout:!1,removeElementsTimeout:0,overswipeRatio:1.2}},create(){a(this,{swipeout:r})},clicks:{".swipeout-open":function(e,t){void 0===t&&(t={});this.swipeout.open(t.swipeout,t.side)},".swipeout-close":function(e){const t=e.closest(".swipeout");0!==t.length&&this.swipeout.close(t)},".swipeout-delete":function(e,t){void 0===t&&(t={});const s=this,o=e.closest(".swipeout");if(0===o.length)return;const{confirm:i,confirmTitle:n}=t;t.confirm?s.dialog.confirm(i,n,(()=>{s.swipeout.delete(o)})):s.swipeout.delete(o)}},on:{init(){this.params.swipeout&&this.swipeout.init()}}};if(t){if(e.prototype.modules&&e.prototype.modules[p.name])return;e.use(p),e.instance&&(e.instance.useModuleParams(p,e.instance.params),e.instance.useModule(p))}return p}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/swiper/swiper.d.ts

@@ -1,4 +1,8 @@
-import Framework7, { CSSSelector, Framework7EventsClass, Framework7Plugin } from '../app/app-class';
+import Framework7, {
+  CSSSelector,
+  Framework7EventsClass,
+  Framework7Plugin,
+} from '../app/app-class.js';
 import { Swiper } from 'swiper/bundle';
 
 export namespace Swiper {