framework7 7.0.0-beta.6 → 7.0.0

package/components/popup/popup.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(o,p){void 0===p&&(p=!0);var e=o.$,s=o.utils,t=o.getDevice,a=o.getSupport,r=(o.Class,o.Modal),l=(o.ConstructorMethods,o.ModalMethods),n=s.extend,i=s.now,c=s.nextTick;class u extends r{constructor(o,p){const s=n({on:{}},o.params.popup,p);super(o,s);const r=this,l=getWindow(),u=getDocument(),d=a(),m=t();let h,f,g,v;if(r.params=s,h=r.params.el?e(r.params.el).eq(0):e(r.params.content).filter((o=>1===o.nodeType)).eq(0),h&&h.length>0&&h[0].f7Modal)return h[0].f7Modal;if(0===h.length)return r.destroy();function y(o){const p=o.target,s=e(p);if(!(!m.desktop&&m.cordova&&(l.Keyboard&&l.Keyboard.isVisible||l.cordova.plugins&&l.cordova.plugins.Keyboard&&l.cordova.plugins.Keyboard.isVisible))&&0===s.closest(r.el).length&&r.params&&r.params.closeByBackdropClick&&r.params.backdrop&&r.backdropEl&&r.backdropEl===p){let o=!0;r.$el.nextAll(".popup.modal-in").each((p=>{const e=p.f7Modal;e&&e.params.closeByBackdropClick&&e.params.backdrop&&e.backdropEl===r.backdropEl&&(o=!1)})),o&&r.close()}}function w(o){27===o.keyCode&&r.params.closeOnEscape&&r.close()}function b(p){return(o.height-2*p)/o.height}r.params.backdrop&&r.params.backdropEl?f=e(r.params.backdropEl):r.params.backdrop&&(f=r.$containerEl.children(".popup-backdrop"),0===f.length&&(f=e('<div class="popup-backdrop"></div>'),r.$containerEl.append(f))),n(r,{app:o,push:h.hasClass("popup-push")||r.params.push,$el:h,el:h[0],$backdropEl:f,backdropEl:f&&f[0],type:"popup",$htmlEl:e("html")}),r.params.push&&h.addClass("popup-push");let k,C,E,$,M,T,x,B,P,S,H,A=!0,D=!1,q=!1;function K(o){!D&&A&&r.params.swipeToClose&&(r.params.swipeHandler&&0===e(o.target).closest(r.params.swipeHandler).length||(D=!0,q=!1,k={x:"touchstart"===o.type?o.targetTouches[0].pageX:o.pageX,y:"touchstart"===o.type?o.targetTouches[0].pageY:o.pageY},$=i(),E=void 0,r.params.swipeHandler||"touchstart"!==o.type||(T=e(o.target).closest(".page-content")[0])))}function O(p){if(!D)return;if(C={x:"touchmove"===p.type?p.targetTouches[0].pageX:p.pageX,y:"touchmove"===p.type?p.targetTouches[0].pageY:p.pageY},void 0===E&&(E=!!(E||Math.abs(C.x-k.x)>Math.abs(C.y-k.y))),E)return D=!1,void(q=!1);M=k.y-C.y,v&&g&&M>0&&(M=0);const e=M<0?"to-bottom":"to-top";if(h.transition(0),"string"==typeof r.params.swipeToClose&&e!==r.params.swipeToClose)return h.transform(""),void h.transition("");if(q)r.emit("local::swipeMove popupSwipeMove",r),r.$el.trigger("popup:swipemove");else{if(v&&g&&(S=h[0].offsetHeight,H=h.prevAll(".popup.modal-in").eq(0),0===H.length&&(H=o.$el.children(".view, .views"))),T&&(x=T.scrollTop,P=T.scrollHeight,B=T.offsetHeight,!(P===B||"to-bottom"===e&&0===x||"to-top"===e&&x===P-B)))return h.transform(""),h.transition(""),D=!1,void(q=!1);q=!0,r.emit("local::swipeStart popupSwipeStart",r),r.$el.trigger("popup:swipestart")}if(p.preventDefault(),v&&g){const o=1-Math.abs(M/S),p=1-(1-b(g))*o;H.hasClass("popup")?H.hasClass("popup-push")?H.transition(0).forEach((e=>{e.style.setProperty("transform",`translate3d(0, calc(-1 * ${o} * (var(--f7-popup-push-offset) + 10px)) , 0px) scale(${p})`,"important")})):H.transition(0).forEach((o=>{o.style.setProperty("transform",`translate3d(0, 0px , 0px) scale(${p})`,"important")})):H.transition(0).forEach((o=>{o.style.setProperty("transform",`translate3d(0,0,0) scale(${p})`,"important")}))}h.transition(0).transform(`translate3d(0,${-M}px,0)`)}function X(){if(D=!1,!q)return;r.emit("local::swipeEnd popupSwipeEnd",r),r.$el.trigger("popup:swipeend"),q=!1,A=!1,h.transition(""),v&&g&&H.transition("").transform("");const o=M<=0?"to-bottom":"to-top";if("string"==typeof r.params.swipeToClose&&o!==r.params.swipeToClose)return h.transform(""),void(A=!0);const p=Math.abs(M),e=(new Date).getTime()-$;e<300&&p>20||e>=300&&p>100?c((()=>{"to-bottom"===o?h.addClass("swipe-close-to-bottom"):h.addClass("swipe-close-to-top"),h.transform(""),r.emit("local::swipeclose popupSwipeClose",r),r.$el.trigger("popup:swipeclose"),r.close(),A=!0})):(A=!0,h.transform(""))}const Y=!!d.passiveListener&&{passive:!0};let z;r.params.swipeToClose&&(h.on(o.touchEvents.start,K,Y),o.on("touchmove",O),o.on("touchend:passive",X),r.once("popupDestroy",(()=>{h.off(o.touchEvents.start,K,Y),o.off("touchmove",O),o.off("touchend:passive",X)})));const N=()=>{const p=v;r.push&&(v=r.push&&(o.width<630||o.height<630||h.hasClass("popup-tablet-fullscreen"))),v&&!p?L():v&&p?r.$htmlEl[0].style.setProperty("--f7-popup-push-scale",b(g)):!v&&p&&(r.$htmlEl.removeClass("with-modal-popup-push"),r.$htmlEl[0].style.removeProperty("--f7-popup-push-scale"))},L=()=>{o.off("resize",N),r.push&&(v=r.push&&(o.width<630||o.height<630||h.hasClass("popup-tablet-fullscreen"))),v&&(g=parseInt(h.css("--f7-popup-push-offset"),10),Number.isNaN(g)&&(g=0),g&&(h.addClass("popup-push"),r.$htmlEl.addClass("with-modal-popup-push"),r.$htmlEl[0].style.setProperty("--f7-popup-push-scale",b(g)))),o.on("resize",N)};return r.on("open",(()=>{z=!1,r.params.closeOnEscape&&e(u).on("keydown",w),h.prevAll(".popup.modal-in").addClass("popup-behind"),L()})),r.on("opened",(()=>{h.removeClass("swipe-close-to-bottom swipe-close-to-top"),r.params.closeByBackdropClick&&o.on("click",y)})),r.on("close",(()=>{z=r.$el.prevAll(".popup-push.modal-in").length>0,r.params.closeOnEscape&&e(u).off("keydown",w),r.params.closeByBackdropClick&&o.off("click",y),h.prevAll(".popup.modal-in").eq(0).removeClass("popup-behind"),v&&g&&!z&&(r.$htmlEl.removeClass("with-modal-popup-push"),r.$htmlEl.addClass("with-modal-popup-push-closing")),o.off("resize",N)})),r.on("closed",(()=>{h.removeClass("popup-behind"),v&&g&&!z&&(r.$htmlEl.removeClass("with-modal-popup-push-closing"),r.$htmlEl[0].style.removeProperty("--f7-popup-push-scale"))})),h[0].f7Modal=r,r}}var d={name:"popup",params:{popup:{backdrop:!0,backdropEl:void 0,closeByBackdropClick:!0,closeOnEscape:!1,swipeToClose:!1,swipeHandler:null,push:!1,containerEl:null}},static:{Popup:u},create(){this.popup=l({app:this,constructor:u,defaultSelector:".popup.modal-in",parentSelector:".popup"})},clicks:{".popup-open":function(o,p={}){this.popup.open(p.popup,p.animate,o)},".popup-close":function(o,p={}){this.popup.close(p.popup,p.animate,o)}}};if(p){if(o.prototype.modules&&o.prototype.modules[d.name])return;o.use(d),o.instance&&(o.instance.useModuleParams(d,o.instance.params),o.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(p,o){void 0===o&&(o=!0);var e=p.$,s=p.utils,t=p.getDevice,a=p.getSupport,r=(p.Class,p.Modal),l=(p.ConstructorMethods,p.ModalMethods),n=s.extend,i=s.now,c=s.nextTick;class u extends r{constructor(p,o){const s=n({on:{}},p.params.popup,o);super(p,s);const r=this,l=getWindow(),u=getDocument(),d=a(),m=t();let h,f,g,v;if(r.params=s,h=r.params.el?e(r.params.el).eq(0):e(r.params.content).filter((p=>1===p.nodeType)).eq(0),h&&h.length>0&&h[0].f7Modal)return h[0].f7Modal;if(0===h.length)return r.destroy();function y(p){const o=p.target,s=e(o);if(!(!m.desktop&&m.cordova&&(l.Keyboard&&l.Keyboard.isVisible||l.cordova.plugins&&l.cordova.plugins.Keyboard&&l.cordova.plugins.Keyboard.isVisible))&&0===s.closest(r.el).length&&r.params&&r.params.closeByBackdropClick&&r.params.backdrop&&r.backdropEl&&r.backdropEl===o){let p=!0;r.$el.nextAll(".popup.modal-in").each((o=>{const e=o.f7Modal;e&&e.params.closeByBackdropClick&&e.params.backdrop&&e.backdropEl===r.backdropEl&&(p=!1)})),p&&r.close()}}function b(p){27===p.keyCode&&r.params.closeOnEscape&&r.close()}function w(o){return(p.height-2*o)/p.height}r.params.backdrop&&r.params.backdropEl?f=e(r.params.backdropEl):r.params.backdrop&&(r.params.backdropUnique?(f=e('<div class="popup-backdrop popup-backdrop-unique"></div>'),r.$containerEl.append(f)):f=r.$containerEl.children(".popup-backdrop"),0===f.length&&(f=e('<div class="popup-backdrop"></div>'),r.$containerEl.append(f))),n(r,{app:p,push:h.hasClass("popup-push")||r.params.push,$el:h,el:h[0],$backdropEl:f,backdropEl:f&&f[0],type:"popup",$htmlEl:e("html")}),r.params.push&&h.addClass("popup-push");let k,C,E,$,M,T,x,B,P,S,q,H=!0,A=!1,D=!1;function K(p){!A&&H&&r.params.swipeToClose&&(r.params.swipeHandler&&0===e(p.target).closest(r.params.swipeHandler).length||(A=!0,D=!1,k={x:"touchstart"===p.type?p.targetTouches[0].pageX:p.pageX,y:"touchstart"===p.type?p.targetTouches[0].pageY:p.pageY},$=i(),E=void 0,r.params.swipeHandler||"touchstart"!==p.type||(T=e(p.target).closest(".page-content")[0])))}function O(o){if(!A)return;if(C={x:"touchmove"===o.type?o.targetTouches[0].pageX:o.pageX,y:"touchmove"===o.type?o.targetTouches[0].pageY:o.pageY},void 0===E&&(E=!!(E||Math.abs(C.x-k.x)>Math.abs(C.y-k.y))),E)return A=!1,void(D=!1);M=k.y-C.y,v&&g&&M>0&&(M=0);const e=M<0?"to-bottom":"to-top";if(h.transition(0),"string"==typeof r.params.swipeToClose&&e!==r.params.swipeToClose)return h.transform(""),void h.transition("");if(D)r.emit("local::swipeMove popupSwipeMove",r),r.$el.trigger("popup:swipemove");else{if(v&&g&&(S=h[0].offsetHeight,q=h.prevAll(".popup.modal-in").eq(0),0===q.length&&(q=p.$el.children(".view, .views"))),T&&(x=T.scrollTop,P=T.scrollHeight,B=T.offsetHeight,!(P===B||"to-bottom"===e&&0===x||"to-top"===e&&x===P-B)))return h.transform(""),h.transition(""),A=!1,void(D=!1);D=!0,r.emit("local::swipeStart popupSwipeStart",r),r.$el.trigger("popup:swipestart")}if(o.preventDefault(),v&&g){const p=1-Math.abs(M/S),o=1-(1-w(g))*p;q.hasClass("popup")?q.hasClass("popup-push")?q.transition(0).forEach((e=>{e.style.setProperty("transform",`translate3d(0, calc(-1 * ${p} * (var(--f7-popup-push-offset) + 10px)) , 0px) scale(${o})`,"important")})):q.transition(0).forEach((p=>{p.style.setProperty("transform",`translate3d(0, 0px , 0px) scale(${o})`,"important")})):q.transition(0).forEach((p=>{p.style.setProperty("transform",`translate3d(0,0,0) scale(${o})`,"important")}))}h.transition(0).transform(`translate3d(0,${-M}px,0)`)}function X(){if(A=!1,!D)return;r.emit("local::swipeEnd popupSwipeEnd",r),r.$el.trigger("popup:swipeend"),D=!1,H=!1,h.transition(""),v&&g&&q.transition("").transform("");const p=M<=0?"to-bottom":"to-top";if("string"==typeof r.params.swipeToClose&&p!==r.params.swipeToClose)return h.transform(""),void(H=!0);const o=Math.abs(M),e=(new Date).getTime()-$;e<300&&o>20||e>=300&&o>100?c((()=>{"to-bottom"===p?h.addClass("swipe-close-to-bottom"):h.addClass("swipe-close-to-top"),h.transform(""),r.emit("local::swipeclose popupSwipeClose",r),r.$el.trigger("popup:swipeclose"),r.close(),H=!0})):(H=!0,h.transform(""))}const Y=!!d.passiveListener&&{passive:!0};let z;r.params.swipeToClose&&(h.on(p.touchEvents.start,K,Y),p.on("touchmove",O),p.on("touchend:passive",X),r.once("popupDestroy",(()=>{h.off(p.touchEvents.start,K,Y),p.off("touchmove",O),p.off("touchend:passive",X)})));const N=()=>{const o=v;r.push&&(v=r.push&&(p.width<630||p.height<630||h.hasClass("popup-tablet-fullscreen"))),v&&!o?L():v&&o?r.$htmlEl[0].style.setProperty("--f7-popup-push-scale",w(g)):!v&&o&&(r.$htmlEl.removeClass("with-modal-popup-push"),r.$htmlEl[0].style.removeProperty("--f7-popup-push-scale"))},L=()=>{p.off("resize",N),r.push&&(v=r.push&&(p.width<630||p.height<630||h.hasClass("popup-tablet-fullscreen"))),v&&(g=parseInt(h.css("--f7-popup-push-offset"),10),Number.isNaN(g)&&(g=0),g&&(h.addClass("popup-push"),r.$htmlEl.addClass("with-modal-popup-push"),r.$htmlEl[0].style.setProperty("--f7-popup-push-scale",w(g)))),p.on("resize",N)};return r.on("open",(()=>{z=!1,r.params.closeOnEscape&&e(u).on("keydown",b),h.prevAll(".popup.modal-in").addClass("popup-behind"),L()})),r.on("opened",(()=>{h.removeClass("swipe-close-to-bottom swipe-close-to-top"),r.params.closeByBackdropClick&&p.on("click",y)})),r.on("close",(()=>{z=r.$el.prevAll(".popup-push.modal-in").length>0,r.params.closeOnEscape&&e(u).off("keydown",b),r.params.closeByBackdropClick&&p.off("click",y),h.prevAll(".popup.modal-in").eq(0).removeClass("popup-behind"),v&&g&&!z&&(r.$htmlEl.removeClass("with-modal-popup-push"),r.$htmlEl.addClass("with-modal-popup-push-closing")),p.off("resize",N)})),r.on("closed",(()=>{h.removeClass("popup-behind"),v&&g&&!z&&(r.$htmlEl.removeClass("with-modal-popup-push-closing"),r.$htmlEl[0].style.removeProperty("--f7-popup-push-scale"))})),h[0].f7Modal=r,r}}var d={name:"popup",params:{popup:{backdrop:!0,backdropEl:void 0,backdropUnique:!1,closeByBackdropClick:!0,closeOnEscape:!1,swipeToClose:!1,swipeHandler:null,push:!1,containerEl:null}},static:{Popup:u},create(){this.popup=l({app:this,constructor:u,defaultSelector:".popup.modal-in",parentSelector:".popup"})},clicks:{".popup-open":function(p,o){void 0===o&&(o={});this.popup.open(o.popup,o.animate,p)},".popup-close":function(p,o){void 0===o&&(o={});this.popup.close(o.popup,o.animate,p)}}};if(o){if(p.prototype.modules&&p.prototype.modules[d.name])return;p.use(d),p.instance&&(p.instance.useModuleParams(d,p.instance.params),p.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/popup/popup.less

@@ -3,6 +3,9 @@
 
 .popup-backdrop {
   z-index: 10500;
+  &-unique {
+    z-index: 11000;
+  }
 }
 .popup {
   position: absolute;
@@ -66,6 +69,7 @@
     }
     &.popup-behind {
       transform: translate3d(0, 0, 0) scale(0.9);
+      pointer-events: none;
       &.modal-out {
         transform: translate3d(0, 100vh, 0) scale(0.9);
       }

package/components/preloader/preloader-ios.less

@@ -29,6 +29,9 @@
   });
 }
 @keyframes ios-preloader-spin {
+  0% {
+    transform: rotate(0deg);
+  }
   100% {
     transform: rotate(360deg);
   }

package/components/preloader/preloader-rtl.css

@@ -1 +1 @@
-:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader .preloader-inner{width:100%;height:100%;display:block;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}.with-modal-preloader .page-content,.with-modal-preloader.page-content,html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader-inner{animation:ios-preloader-spin 1s steps(8,end) infinite}.ios .preloader-inner-line{display:block;width:11.6%;height:33.33%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 150%}.ios .preloader.color-multi .preloader-inner-line{animation:ios-preloader-multicolor 3s linear infinite}.ios .preloader-inner-line:nth-child(1){transform:translate(-50%,-150%) rotate(0deg);opacity:.27}.ios .preloader-inner-line:nth-child(2){transform:translate(-50%,-150%) rotate(45deg);opacity:.35285714}.ios .preloader-inner-line:nth-child(3){transform:translate(-50%,-150%) rotate(90deg);opacity:.43571429}.ios .preloader-inner-line:nth-child(4){transform:translate(-50%,-150%) rotate(135deg);opacity:.51857143}.ios .preloader-inner-line:nth-child(5){transform:translate(-50%,-150%) rotate(180deg);opacity:.60142857}.ios .preloader-inner-line:nth-child(6){transform:translate(-50%,-150%) rotate(225deg);opacity:.68428571}.ios .preloader-inner-line:nth-child(7){transform:translate(-50%,-150%) rotate(270deg);opacity:.76714286}.ios .preloader-inner-line:nth-child(8){transform:translate(-50%,-150%) rotate(315deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}@keyframes ios-preloader-multicolor{0%,100%{background-color:#2196f3}25%{background-color:#ff3b30}50%{background-color:#4cd964}75%{background-color:#ff9500}}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{fill:none;stroke:var(--f7-preloader-color);animation:md-preloader-circle-rotate 5.6s ease-in-out infinite;stroke-dasharray:100px;stroke-dashoffset:80px;stroke-width:4;transform:rotate(-90deg);transform-origin:18px 18px}.md .preloader.color-multi circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite,md-preloader-multicolor 5.6s ease-in-out infinite}@keyframes md-preloader-multicolor{0%,100%{stroke:#4285f4}75%{stroke:#1b9a59}50%{stroke:#f7c223}25%{stroke:#de3e35}}@keyframes md-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes md-preloader-circle-rotate{0%{transform:rotate(-90deg);stroke-dashoffset:100px}12.5%{transform:rotate(-90deg);stroke-dashoffset:25px}25%{stroke-dashoffset:100px;transform:rotate(180deg)}25.1%{transform:rotate(-180deg);stroke-dashoffset:100px}37.5%{transform:rotate(-180deg);stroke-dashoffset:25px}50%{stroke-dashoffset:100px;transform:rotate(90deg)}50.1%{transform:rotate(90deg);stroke-dashoffset:100px}62.5%{transform:rotate(90deg);stroke-dashoffset:25px}75%{stroke-dashoffset:100px;transform:rotate(360deg)}75.1%{transform:rotate(0deg);stroke-dashoffset:100px}87.5%{transform:rotate(0deg);stroke-dashoffset:25px}100%{stroke-dashoffset:100px;transform:rotate(270deg)}}.aurora .preloader-inner{position:absolute;left:0;top:0}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate .75s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate .75s linear infinite,aurora-preloader-multicolor 3s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}
+:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader .preloader-inner{width:100%;height:100%;display:block;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}.with-modal-preloader .page-content,.with-modal-preloader.page-content,html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader-inner{animation:ios-preloader-spin 1s steps(8,end) infinite}.ios .preloader-inner-line{display:block;width:11.6%;height:33.33%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 150%}.ios .preloader.color-multi .preloader-inner-line{animation:ios-preloader-multicolor 3s linear infinite}.ios .preloader-inner-line:first-child{transform:translate(-50%,-150%) rotate(0deg);opacity:.27}.ios .preloader-inner-line:nth-child(2){transform:translate(-50%,-150%) rotate(45deg);opacity:.35285714}.ios .preloader-inner-line:nth-child(3){transform:translate(-50%,-150%) rotate(90deg);opacity:.43571429}.ios .preloader-inner-line:nth-child(4){transform:translate(-50%,-150%) rotate(135deg);opacity:.51857143}.ios .preloader-inner-line:nth-child(5){transform:translate(-50%,-150%) rotate(180deg);opacity:.60142857}.ios .preloader-inner-line:nth-child(6){transform:translate(-50%,-150%) rotate(225deg);opacity:.68428571}.ios .preloader-inner-line:nth-child(7){transform:translate(-50%,-150%) rotate(270deg);opacity:.76714286}.ios .preloader-inner-line:nth-child(8){transform:translate(-50%,-150%) rotate(315deg);opacity:.85}@keyframes ios-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes ios-preloader-multicolor{0%,100%{background-color:#2196f3}25%{background-color:#ff3b30}50%{background-color:#4cd964}75%{background-color:#ff9500}}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{fill:none;stroke:var(--f7-preloader-color);animation:md-preloader-circle-rotate 5.6s ease-in-out infinite;stroke-dasharray:100px;stroke-dashoffset:80px;stroke-width:4;transform:rotate(-90deg);transform-origin:18px 18px}.md .preloader.color-multi circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite,md-preloader-multicolor 5.6s ease-in-out infinite}@keyframes md-preloader-multicolor{0%,100%{stroke:#4285f4}75%{stroke:#1b9a59}50%{stroke:#f7c223}25%{stroke:#de3e35}}@keyframes md-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes md-preloader-circle-rotate{0%{transform:rotate(-90deg);stroke-dashoffset:100px}12.5%{transform:rotate(-90deg);stroke-dashoffset:25px}25%{stroke-dashoffset:100px;transform:rotate(180deg)}25.1%{transform:rotate(-180deg);stroke-dashoffset:100px}37.5%{transform:rotate(-180deg);stroke-dashoffset:25px}50%{stroke-dashoffset:100px;transform:rotate(90deg)}50.1%{transform:rotate(90deg);stroke-dashoffset:100px}62.5%{transform:rotate(90deg);stroke-dashoffset:25px}75%{stroke-dashoffset:100px;transform:rotate(360deg)}75.1%{transform:rotate(0deg);stroke-dashoffset:100px}87.5%{transform:rotate(0deg);stroke-dashoffset:25px}100%{stroke-dashoffset:100px;transform:rotate(270deg)}}.aurora .preloader-inner{position:absolute;left:0;top:0}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate .75s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate .75s linear infinite,aurora-preloader-multicolor 3s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}

package/components/preloader/preloader.css

@@ -1 +1 @@
-:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader .preloader-inner{width:100%;height:100%;display:block;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}.with-modal-preloader .page-content,.with-modal-preloader.page-content,html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader-inner{animation:ios-preloader-spin 1s steps(8,end) infinite}.ios .preloader-inner-line{display:block;width:11.6%;height:33.33%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 150%}.ios .preloader.color-multi .preloader-inner-line{animation:ios-preloader-multicolor 3s linear infinite}.ios .preloader-inner-line:nth-child(1){transform:translate(-50%,-150%) rotate(0deg);opacity:.27}.ios .preloader-inner-line:nth-child(2){transform:translate(-50%,-150%) rotate(45deg);opacity:.35285714}.ios .preloader-inner-line:nth-child(3){transform:translate(-50%,-150%) rotate(90deg);opacity:.43571429}.ios .preloader-inner-line:nth-child(4){transform:translate(-50%,-150%) rotate(135deg);opacity:.51857143}.ios .preloader-inner-line:nth-child(5){transform:translate(-50%,-150%) rotate(180deg);opacity:.60142857}.ios .preloader-inner-line:nth-child(6){transform:translate(-50%,-150%) rotate(225deg);opacity:.68428571}.ios .preloader-inner-line:nth-child(7){transform:translate(-50%,-150%) rotate(270deg);opacity:.76714286}.ios .preloader-inner-line:nth-child(8){transform:translate(-50%,-150%) rotate(315deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}@keyframes ios-preloader-multicolor{0%,100%{background-color:#2196f3}25%{background-color:#ff3b30}50%{background-color:#4cd964}75%{background-color:#ff9500}}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{fill:none;stroke:var(--f7-preloader-color);animation:md-preloader-circle-rotate 5.6s ease-in-out infinite;stroke-dasharray:100px;stroke-dashoffset:80px;stroke-width:4;transform:rotate(-90deg);transform-origin:18px 18px}.md .preloader.color-multi circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite,md-preloader-multicolor 5.6s ease-in-out infinite}@keyframes md-preloader-multicolor{0%,100%{stroke:#4285f4}75%{stroke:#1b9a59}50%{stroke:#f7c223}25%{stroke:#de3e35}}@keyframes md-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes md-preloader-circle-rotate{0%{transform:rotate(-90deg);stroke-dashoffset:100px}12.5%{transform:rotate(-90deg);stroke-dashoffset:25px}25%{stroke-dashoffset:100px;transform:rotate(180deg)}25.1%{transform:rotate(-180deg);stroke-dashoffset:100px}37.5%{transform:rotate(-180deg);stroke-dashoffset:25px}50%{stroke-dashoffset:100px;transform:rotate(90deg)}50.1%{transform:rotate(90deg);stroke-dashoffset:100px}62.5%{transform:rotate(90deg);stroke-dashoffset:25px}75%{stroke-dashoffset:100px;transform:rotate(360deg)}75.1%{transform:rotate(0deg);stroke-dashoffset:100px}87.5%{transform:rotate(0deg);stroke-dashoffset:25px}100%{stroke-dashoffset:100px;transform:rotate(270deg)}}.aurora .preloader-inner{position:absolute;left:0;top:0}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate .75s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate .75s linear infinite,aurora-preloader-multicolor 3s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}
+:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader .preloader-inner{width:100%;height:100%;display:block;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}.with-modal-preloader .page-content,.with-modal-preloader.page-content,html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader-inner{animation:ios-preloader-spin 1s steps(8,end) infinite}.ios .preloader-inner-line{display:block;width:11.6%;height:33.33%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 150%}.ios .preloader.color-multi .preloader-inner-line{animation:ios-preloader-multicolor 3s linear infinite}.ios .preloader-inner-line:first-child{transform:translate(-50%,-150%) rotate(0deg);opacity:.27}.ios .preloader-inner-line:nth-child(2){transform:translate(-50%,-150%) rotate(45deg);opacity:.35285714}.ios .preloader-inner-line:nth-child(3){transform:translate(-50%,-150%) rotate(90deg);opacity:.43571429}.ios .preloader-inner-line:nth-child(4){transform:translate(-50%,-150%) rotate(135deg);opacity:.51857143}.ios .preloader-inner-line:nth-child(5){transform:translate(-50%,-150%) rotate(180deg);opacity:.60142857}.ios .preloader-inner-line:nth-child(6){transform:translate(-50%,-150%) rotate(225deg);opacity:.68428571}.ios .preloader-inner-line:nth-child(7){transform:translate(-50%,-150%) rotate(270deg);opacity:.76714286}.ios .preloader-inner-line:nth-child(8){transform:translate(-50%,-150%) rotate(315deg);opacity:.85}@keyframes ios-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes ios-preloader-multicolor{0%,100%{background-color:#2196f3}25%{background-color:#ff3b30}50%{background-color:#4cd964}75%{background-color:#ff9500}}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{fill:none;stroke:var(--f7-preloader-color);animation:md-preloader-circle-rotate 5.6s ease-in-out infinite;stroke-dasharray:100px;stroke-dashoffset:80px;stroke-width:4;transform:rotate(-90deg);transform-origin:18px 18px}.md .preloader.color-multi circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite,md-preloader-multicolor 5.6s ease-in-out infinite}@keyframes md-preloader-multicolor{0%,100%{stroke:#4285f4}75%{stroke:#1b9a59}50%{stroke:#f7c223}25%{stroke:#de3e35}}@keyframes md-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes md-preloader-circle-rotate{0%{transform:rotate(-90deg);stroke-dashoffset:100px}12.5%{transform:rotate(-90deg);stroke-dashoffset:25px}25%{stroke-dashoffset:100px;transform:rotate(180deg)}25.1%{transform:rotate(-180deg);stroke-dashoffset:100px}37.5%{transform:rotate(-180deg);stroke-dashoffset:25px}50%{stroke-dashoffset:100px;transform:rotate(90deg)}50.1%{transform:rotate(90deg);stroke-dashoffset:100px}62.5%{transform:rotate(90deg);stroke-dashoffset:25px}75%{stroke-dashoffset:100px;transform:rotate(360deg)}75.1%{transform:rotate(0deg);stroke-dashoffset:100px}87.5%{transform:rotate(0deg);stroke-dashoffset:25px}100%{stroke-dashoffset:100px;transform:rotate(270deg)}}.aurora .preloader-inner{position:absolute;left:0;top:0}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate .75s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate .75s linear infinite,aurora-preloader-multicolor 3s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}

package/components/preloader/preloader.d.ts

@@ -5,8 +5,12 @@ export namespace Preloader {
     preloader: {
       /** Show Preloader overlay */
       show(color?: string | 'white'): void;
+      /** Show Preloader overlay in specified element */
+      showIn(el: HTMLElement | CSSSelector, color?: string): void;
       /** Hide Preloader overlay */
       hide(): void;
+      /** Hide Preloader overlay in specified element */
+      hideIn(el: HTMLElement | CSSSelector): void;
     };
   }
   interface AppParams {}

package/components/preloader/preloader.js

@@ -16,7 +16,11 @@ const Preloader = {
   // Modal
   visible: false,
 
-  show(color = 'white') {
+  show(color) {
+    if (color === void 0) {
+      color = 'white';
+    }
+
     const app = this;
     if (Preloader.visible) return;
     const preloaders = {
@@ -36,7 +40,11 @@ const Preloader = {
     Preloader.visible = true;
   },
 
-  showIn(el, color = 'white') {
+  showIn(el, color) {
+    if (color === void 0) {
+      color = 'white';
+    }
+
     const app = this;
     const preloaders = {
       iosPreloaderContent,

package/components/preloader/preloader.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(e,r){void 0===r&&(r=!0);var o=e.$,a=e.utils,d=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,a.bindMethods),t=a.iosPreloaderContent,n=a.mdPreloaderContent,l=a.auroraPreloaderContent;const i={init(e){const r={iosPreloaderContent:t,mdPreloaderContent:n,auroraPreloaderContent:l},a=o(e);0===a.length||a.children(".preloader-inner").length>0||a.children(".preloader-inner-line").length>0||a.append(r[`${this.theme}PreloaderContent`])},visible:!1,show(e="white"){if(i.visible)return;const r={iosPreloaderContent:t,mdPreloaderContent:n,auroraPreloaderContent:l}[`${this.theme}PreloaderContent`]||"";o("html").addClass("with-modal-preloader"),this.$el.append(`\n        <div class="preloader-backdrop"></div>\n        <div class="preloader-modal">\n          <div class="preloader color-${e}">${r}</div>\n        </div>\n      `),i.visible=!0},showIn(e,r="white"){const a={iosPreloaderContent:t,mdPreloaderContent:n,auroraPreloaderContent:l}[`${this.theme}PreloaderContent`]||"";o(e||"html").addClass("with-modal-preloader"),o(e||this.$el).append(`\n        <div class="preloader-backdrop"></div>\n        <div class="preloader-modal">\n          <div class="preloader color-${r}">${a}</div>\n        </div>\n      `)},hide(){i.visible&&(o("html").removeClass("with-modal-preloader"),this.$el.find(".preloader-backdrop, .preloader-modal").remove(),i.visible=!1)},hideIn(e){o(e||"html").removeClass("with-modal-preloader"),o(e||this.$el).find(".preloader-backdrop, .preloader-modal").remove()}};var s={name:"preloader",create(){d(this,{preloader:i})},on:{photoBrowserOpen(e){const r=this;e.$el.find(".preloader").each((e=>{r.preloader.init(e)}))},tabMounted(e){const r=this;o(e).find(".preloader").each((e=>{r.preloader.init(e)}))},pageInit(e){const r=this;e.$el.find(".preloader").each((e=>{r.preloader.init(e)}))}},vnode:{preloader:{insert(e){const r=e.elm;this.preloader.init(r)}}}};if(r){if(e.prototype.modules&&e.prototype.modules[s.name])return;e.use(s),e.instance&&(e.instance.useModuleParams(s,e.instance.params),e.instance.useModule(s))}return s}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(e,r){void 0===r&&(r=!0);var o=e.$,d=e.utils,a=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,d.iosPreloaderContent),t=d.mdPreloaderContent,n=d.auroraPreloaderContent,l=d.bindMethods;const i={init(e){const r={iosPreloaderContent:a,mdPreloaderContent:t,auroraPreloaderContent:n},d=o(e);0===d.length||d.children(".preloader-inner").length>0||d.children(".preloader-inner-line").length>0||d.append(r[`${this.theme}PreloaderContent`])},visible:!1,show(e){void 0===e&&(e="white");if(i.visible)return;const r={iosPreloaderContent:a,mdPreloaderContent:t,auroraPreloaderContent:n}[`${this.theme}PreloaderContent`]||"";o("html").addClass("with-modal-preloader"),this.$el.append(`\n        <div class="preloader-backdrop"></div>\n        <div class="preloader-modal">\n          <div class="preloader color-${e}">${r}</div>\n        </div>\n      `),i.visible=!0},showIn(e,r){void 0===r&&(r="white");const d={iosPreloaderContent:a,mdPreloaderContent:t,auroraPreloaderContent:n}[`${this.theme}PreloaderContent`]||"";o(e||"html").addClass("with-modal-preloader"),o(e||this.$el).append(`\n        <div class="preloader-backdrop"></div>\n        <div class="preloader-modal">\n          <div class="preloader color-${r}">${d}</div>\n        </div>\n      `)},hide(){i.visible&&(o("html").removeClass("with-modal-preloader"),this.$el.find(".preloader-backdrop, .preloader-modal").remove(),i.visible=!1)},hideIn(e){o(e||"html").removeClass("with-modal-preloader"),o(e||this.$el).find(".preloader-backdrop, .preloader-modal").remove()}};var s={name:"preloader",create(){l(this,{preloader:i})},on:{photoBrowserOpen(e){const r=this;e.$el.find(".preloader").each((e=>{r.preloader.init(e)}))},tabMounted(e){const r=this;o(e).find(".preloader").each((e=>{r.preloader.init(e)}))},pageInit(e){const r=this;e.$el.find(".preloader").each((e=>{r.preloader.init(e)}))}},vnode:{preloader:{insert(e){const r=e.elm;this.preloader.init(r)}}}};if(r){if(e.prototype.modules&&e.prototype.modules[s.name])return;e.use(s),e.instance&&(e.instance.useModuleParams(s,e.instance.params),e.instance.useModule(s))}return s}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/progressbar/progressbar-aurora.less

@@ -34,20 +34,39 @@
     }
   }
 }
-
-@keyframes aurora-progressbar-infinite {
-  0% {
-    transform: translate3d(-100%, 0, 0);
+.ltr({
+  @keyframes aurora-progressbar-infinite {
+    0% {
+      transform: translate3d(-100%, 0, 0);
+    }
+    100% {
+      transform: translate3d(100%, 0, 0);
+    }
   }
-  100% {
-    transform: translate3d(100%, 0, 0);
+  @keyframes aurora-progressbar-infinite-multicolor {
+    0% {
+      transform: translate3d(0%, 0, 0);
+    }
+    100% {
+      transform: translate3d(-50%, 0, 0);
+    }
   }
-}
-@keyframes aurora-progressbar-infinite-multicolor {
-  0% {
-    transform: translate3d(0%, 0, 0);
+});
+.rtl({
+  @keyframes aurora-progressbar-infinite {
+    0% {
+      transform: translate3d(100%, 0, 0);
+    }
+    100% {
+      transform: translate3d(-100%, 0, 0);
+    }
   }
-  100% {
-    transform: translate3d(-50%, 0, 0);
+  @keyframes aurora-progressbar-infinite-multicolor {
+    0% {
+      transform: translate3d(0%, 0, 0);
+    }
+    100% {
+      transform: translate3d(50%, 0, 0);
+    }
   }
-}
+});

package/components/progressbar/progressbar-ios.less

@@ -28,15 +28,27 @@
     }
   }
 }
-
-@keyframes ios-progressbar-infinite {
-  0% {
-    transform: translate3d(-100%, 0, 0);
+.ltr({
+  @keyframes ios-progressbar-infinite {
+    0% {
+      transform: translate3d(-100%, 0, 0);
+    }
+    100% {
+      transform: translate3d(100%, 0, 0);
+    }
   }
-  100% {
-    transform: translate3d(100%, 0, 0);
+});
+.rtl({
+  @keyframes ios-progressbar-infinite {
+    0% {
+      transform: translate3d(100%, 0, 0);
+    }
+    100% {
+      transform: translate3d(-100%, 0, 0);
+    }
   }
-}
+});
+
 @keyframes ios-progressbar-infinite-multicolor {
   0% {
     transform: translate3d(0%, 0, 0);

package/components/progressbar/progressbar-md.less

@@ -22,38 +22,74 @@
       }
     }
   }
-
-  @keyframes md-progressbar-infinite-1 {
-    0% {
-      transform: translateX(-10%) scaleX(0.1);
-    }
-    25% {
-      transform: translateX(30%) scaleX(0.6);
-    }
-    50% {
-      transform: translateX(100%) scaleX(1);
-    }
-    100% {
-      transform: translateX(100%) scaleX(1);
-    }
-  }
-  @keyframes md-progressbar-infinite-2 {
-    0% {
-      transform: translateX(-100%) scaleX(1);
-    }
-    40% {
-      transform: translateX(-100%) scaleX(1);
+  .ltr({
+    @keyframes md-progressbar-infinite-1 {
+      0% {
+        transform: translateX(-10%) scaleX(0.1);
+      }
+      25% {
+        transform: translateX(30%) scaleX(0.6);
+      }
+      50% {
+        transform: translateX(100%) scaleX(1);
+      }
+      100% {
+        transform: translateX(100%) scaleX(1);
+      }
     }
-    75% {
-      transform: translateX(60%) scaleX(0.35);
+    @keyframes md-progressbar-infinite-2 {
+      0% {
+        transform: translateX(-100%) scaleX(1);
+      }
+      40% {
+        transform: translateX(-100%) scaleX(1);
+      }
+      75% {
+        transform: translateX(60%) scaleX(0.35);
+      }
+      90% {
+        transform: translateX(100%) scaleX(0.1);
+      }
+      100% {
+        transform: translateX(100%) scaleX(0.1);
+      }
     }
-    90% {
-      transform: translateX(100%) scaleX(0.1);
+  });
+
+  .rtl({
+    @keyframes md-progressbar-infinite-1 {
+      0% {
+        transform: translateX(10%) scaleX(0.1);
+      }
+      25% {
+        transform: translateX(-30%) scaleX(0.6);
+      }
+      50% {
+        transform: translateX(-100%) scaleX(1);
+      }
+      100% {
+        transform: translateX(-100%) scaleX(1);
+      }
     }
-    100% {
-      transform: translateX(100%) scaleX(0.1);
+    @keyframes md-progressbar-infinite-2 {
+      0% {
+        transform: translateX(100%) scaleX(1);
+      }
+      40% {
+        transform: translateX(100%) scaleX(1);
+      }
+      75% {
+        transform: translateX(-60%) scaleX(0.35);
+      }
+      90% {
+        transform: translateX(-100%) scaleX(0.1);
+      }
+      100% {
+        transform: translateX(-100%) scaleX(0.1);
+      }
     }
-  }
+  });
+
   @keyframes md-progressbar-infinite-multicolor-bg {
     0% {
       background-color: @green;

package/components/progressbar/progressbar-rtl.css

@@ -1 +1 @@
-.ios{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px;--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3)}.ios .dark,.ios.dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px;--f7-progressbar-bg-color:#dbdbdb}.aurora .dark,.aurora.dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}
+.ios{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px;--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3)}.ios .dark,.ios.dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px;--f7-progressbar-bg-color:#dbdbdb}.aurora .dark,.aurora.dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;top:0;transition-duration:150ms;right:0;transform:translate3d(100%,0,0)}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;top:0;width:100%;height:100%;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));right:0;transform-origin:right center}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(10%) scaleX(.1)}25%{transform:translateX(-30%) scaleX(.6)}50%{transform:translateX(-100%) scaleX(1)}100%{transform:translateX(-100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(100%) scaleX(1)}40%{transform:translateX(100%) scaleX(1)}75%{transform:translateX(-60%) scaleX(.35)}90%{transform:translateX(-100%) scaleX(.1)}100%{transform:translateX(-100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(50%,0,0)}}

package/components/progressbar/progressbar.css

@@ -1 +1 @@
-.ios{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px;--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3)}.ios .dark,.ios.dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px;--f7-progressbar-bg-color:#dbdbdb}.aurora .dark,.aurora.dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}
+.ios{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px;--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3)}.ios .dark,.ios.dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px;--f7-progressbar-bg-color:#dbdbdb}.aurora .dark,.aurora.dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;top:0;transition-duration:150ms;left:0;transform:translate3d(-100%,0,0)}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;top:0;width:100%;height:100%;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));left:0;transform-origin:left center}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}

package/components/progressbar/progressbar.js

@@ -1,8 +1,13 @@
 import $ from '../../shared/dom7.js';
 import { bindMethods } from '../../shared/utils.js';
 const Progressbar = {
-  set(...args) {
+  set() {
     const app = this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     let [el, progress, duration] = args;
 
     if (typeof args[0] === 'number') {
@@ -35,13 +40,17 @@ const Progressbar = {
       $progressbarEl.append($progressbarLine);
     }
 
-    $progressbarLine.transition(typeof duration !== 'undefined' ? duration : '').transform(`translate3d(${-100 + progressNormalized}%,0,0)`);
+    $progressbarLine.transition(typeof duration !== 'undefined' ? duration : '').transform(`translate3d(${(-100 + progressNormalized) * (app.rtl ? -1 : 1)}%,0,0)`);
     return $progressbarEl[0];
   },
 
-  show(...args) {
+  show() {
     const app = this; // '.page', 50, 'multi'
 
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
     let [el, progress, color] = args;
     let type = 'determined';
 
@@ -94,7 +103,11 @@ const Progressbar = {
     return $progressbarEl[0];
   },
 
-  hide(el, removeAfterHide = true) {
+  hide(el, removeAfterHide) {
+    if (removeAfterHide === void 0) {
+      removeAfterHide = true;
+    }
+
     const app = this;
     const $el = $(el || app.$el);
     if ($el.length === 0) return undefined;

package/components/progressbar/progressbar.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(s,e){void 0===e&&(e=!0);var r=s.$,t=s.utils,n=(s.getDevice,s.getSupport,s.Class,s.Modal,s.ConstructorMethods,s.ModalMethods,t.bindMethods);const a={set(...s){const e=this;let[t,n,a]=s;if("number"==typeof s[0]&&([n,a]=s,t=e.$el),null==n)return t;n||(n=0);const o=r(t||e.$el);if(0===o.length)return t;const i=Math.min(Math.max(n,0),100);let p;if(p=o.hasClass("progressbar")?o.eq(0):o.children(".progressbar"),0===p.length||p.hasClass("progressbar-infinite"))return p;let l=p.children("span");return 0===l.length&&(l=r("<span></span>"),p.append(l)),l.transition(void 0!==a?a:"").transform(`translate3d(${-100+i}%,0,0)`),p[0]},show(...s){const e=this;let[t,n,a]=s,o="determined";2===s.length?"string"!=typeof s[0]&&"object"!=typeof s[0]||"string"!=typeof s[1]?"number"==typeof s[0]&&"string"==typeof s[1]&&([n,a]=s,t=e.$el):([t,a,n]=s,o="infinite"):1===s.length?"number"==typeof s[0]?(t=e.$el,n=s[0]):"string"==typeof s[0]&&(o="infinite",t=e.$el,a=s[0]):0===s.length&&(o="infinite",t=e.$el);const i=r(t);if(0===i.length)return;let p;return i.hasClass("progressbar")||i.hasClass("progressbar-infinite")?p=i:(p=i.children(".progressbar:not(.progressbar-out), .progressbar-infinite:not(.progressbar-out)"),0===p.length&&(p=r(`\n            <span class="progressbar${"infinite"===o?"-infinite":""}${a?` color-${a}`:""} progressbar-in">\n              ${"infinite"===o?"":"<span></span>"}\n            </span>`),i.append(p))),void 0!==n&&e.progressbar.set(p,n),p[0]},hide(s,e=!0){const t=r(s||this.$el);if(0===t.length)return;let n;return n=t.hasClass("progressbar")||t.hasClass("progressbar-infinite")?t:t.children(".progressbar, .progressbar-infinite"),0===n.length||!n.hasClass("progressbar-in")||n.hasClass("progressbar-out")||n.removeClass("progressbar-in").addClass("progressbar-out").animationEnd((()=>{e&&n.remove()})),n}};var o={name:"progressbar",create(){n(this,{progressbar:a})},on:{tabMounted(s){const e=this;r(s).find(".progressbar").each((s=>{const t=r(s);e.progressbar.set(t,t.attr("data-progress"))}))},pageInit(s){const e=this;s.$el.find(".progressbar").each((s=>{const t=r(s);e.progressbar.set(t,t.attr("data-progress"))}))}},vnode:{progressbar:{insert(s){const e=s.elm;this.progressbar.set(e,e.getAttribute("data-progress"))},update(s){const e=s.elm;this.progressbar.set(e,e.getAttribute("data-progress"))}}}};if(e){if(s.prototype.modules&&s.prototype.modules[o.name])return;s.use(o),s.instance&&(s.instance.useModuleParams(o,s.instance.params),s.instance.useModule(o))}return o}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(r,s){void 0===s&&(s=!0);var e=r.$,t=r.utils,n=(r.getDevice,r.getSupport,r.Class,r.Modal,r.ConstructorMethods,r.ModalMethods,t.bindMethods);const a={set(){const r=this;for(var s=arguments.length,t=new Array(s),n=0;n<s;n++)t[n]=arguments[n];let[a,o,i]=t;if("number"==typeof t[0]&&([o,i]=t,a=r.$el),null==o)return a;o||(o=0);const p=e(a||r.$el);if(0===p.length)return a;const l=Math.min(Math.max(o,0),100);let g;if(g=p.hasClass("progressbar")?p.eq(0):p.children(".progressbar"),0===g.length||g.hasClass("progressbar-infinite"))return g;let h=g.children("span");return 0===h.length&&(h=e("<span></span>"),g.append(h)),h.transition(void 0!==i?i:"").transform(`translate3d(${(-100+l)*(r.rtl?-1:1)}%,0,0)`),g[0]},show(){const r=this;for(var s=arguments.length,t=new Array(s),n=0;n<s;n++)t[n]=arguments[n];let[a,o,i]=t,p="determined";2===t.length?"string"!=typeof t[0]&&"object"!=typeof t[0]||"string"!=typeof t[1]?"number"==typeof t[0]&&"string"==typeof t[1]&&([o,i]=t,a=r.$el):([a,i,o]=t,p="infinite"):1===t.length?"number"==typeof t[0]?(a=r.$el,o=t[0]):"string"==typeof t[0]&&(p="infinite",a=r.$el,i=t[0]):0===t.length&&(p="infinite",a=r.$el);const l=e(a);if(0===l.length)return;let g;return l.hasClass("progressbar")||l.hasClass("progressbar-infinite")?g=l:(g=l.children(".progressbar:not(.progressbar-out), .progressbar-infinite:not(.progressbar-out)"),0===g.length&&(g=e(`\n            <span class="progressbar${"infinite"===p?"-infinite":""}${i?` color-${i}`:""} progressbar-in">\n              ${"infinite"===p?"":"<span></span>"}\n            </span>`),l.append(g))),void 0!==o&&r.progressbar.set(g,o),g[0]},hide(r,s){void 0===s&&(s=!0);const t=e(r||this.$el);if(0===t.length)return;let n;return n=t.hasClass("progressbar")||t.hasClass("progressbar-infinite")?t:t.children(".progressbar, .progressbar-infinite"),0===n.length||!n.hasClass("progressbar-in")||n.hasClass("progressbar-out")||n.removeClass("progressbar-in").addClass("progressbar-out").animationEnd((()=>{s&&n.remove()})),n}};var o={name:"progressbar",create(){n(this,{progressbar:a})},on:{tabMounted(r){const s=this;e(r).find(".progressbar").each((r=>{const t=e(r);s.progressbar.set(t,t.attr("data-progress"))}))},pageInit(r){const s=this;r.$el.find(".progressbar").each((r=>{const t=e(r);s.progressbar.set(t,t.attr("data-progress"))}))}},vnode:{progressbar:{insert(r){const s=r.elm;this.progressbar.set(s,s.getAttribute("data-progress"))},update(r){const s=r.elm;this.progressbar.set(s,s.getAttribute("data-progress"))}}}};if(s){if(r.prototype.modules&&r.prototype.modules[o.name])return;r.use(o),r.instance&&(r.instance.useModuleParams(o,r.instance.params),r.instance.useModule(o))}return o}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/progressbar/progressbar.less

@@ -20,10 +20,16 @@
     width: 100%;
     height: 100%;
     position: absolute;
-    left: 0;
     top: 0;
-    transform: translate3d(-100%, 0, 0);
     transition-duration: 150ms;
+    .ltr({
+      left: 0;
+      transform: translate3d(-100%, 0, 0);
+    });
+    .rtl({
+      right: 0;
+      transform: translate3d(100%, 0, 0);
+    });
   }
 }
 .progressbar-infinite {
@@ -32,14 +38,20 @@
   &:after {
     content: '';
     position: absolute;
-    left: 0;
     top: 0;
     width: 100%;
     height: 100%;
-    transform-origin: left center;
     transform: translate3d(0, 0, 0);
     display: block;
     background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color));
+    .ltr({
+      left: 0;
+      transform-origin: left center;
+    });
+    .rtl({
+      right: 0;
+      transform-origin: right center;
+    });
   }
   &.color-multi {
     background: none !important;

package/components/pull-to-refresh/pull-to-refresh-class.js

@@ -101,7 +101,11 @@ class PullToRefresh extends Framework7Class {
       triggerDistance = 38;
     }
 
-    function setPreloaderProgress(progress = 0) {
+    function setPreloaderProgress(progress) {
+      if (progress === void 0) {
+        progress = 0;
+      }
+
       const $bars = $preloaderEl.find('.preloader-inner-line');
       const perBarProgress = 1 / $bars.length;
       $bars.forEach((barEl, barIndex) => {

package/components/pull-to-refresh/pull-to-refresh.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var r=t.$,o=t.utils,s=t.getDevice,a=t.getSupport,n=t.Class,l=(t.Modal,t.ConstructorMethods),i=(t.ModalMethods,o.deleteProps),p=o.extend;class c extends n{constructor(t,e){super({},[t]);const o=this,n=s(),l=a(),i=r(e),p=i.find(".ptr-preloader");o.$el=i,o.el=i[0],o.app=t,o.bottom=o.$el.hasClass("ptr-bottom"),o.useModulesParams({});const c="md"===t.theme,d="ios"===t.theme,h="aurora"===t.theme;let f,u,g;o.done=function(){const t=c?p:i,e=s=>{r(s.target).closest(p).length||(i.removeClass("ptr-transitioning ptr-pull-up ptr-pull-down ptr-closing"),i.trigger("ptr:done"),o.emit("local::done ptrDone",i[0]),t.off("transitionend",e))};return t.on("transitionend",e),i.removeClass("ptr-refreshing").addClass("ptr-transitioning ptr-closing"),o},o.refresh=function(){return i.hasClass("ptr-refreshing")||(i.addClass("ptr-transitioning ptr-refreshing"),i.trigger("ptr:refresh",o.done),o.emit("local::refresh ptrRefresh",i[0],o.done)),o},o.mousewheel="true"===i.attr("data-ptr-mousewheel");const m={};let v,b,C,w,M,T,y,x,$,P,E,H=!1,D=!1,R=!1,S=0,X=!1;const Y=i.parents(".page");if((Y.find(".navbar").length>0||Y.parents(".view").children(".navbars").length>0)&&(X=!0),Y.hasClass("no-navbar")&&(X=!1),!o.bottom){const e=t.navbar.getElByPage(Y[0]);if(e){const t=r(e),o=t.hasClass("navbar-large-transparent")||t.hasClass("navbar-large")&&t.hasClass("navbar-transparent"),s=t.hasClass("navbar-transparent")&&!t.hasClass("navbar-large");o?i.addClass("ptr-with-navbar-large-transparent"):s&&i.addClass("ptr-with-navbar-transparent")}}function B(t=0){const e=p.find(".preloader-inner-line"),r=1/e.length;e.forEach(((e,o)=>{const s=(t-o*r)/r;e.style.opacity=.27*Math.max(Math.min(s,1),0)}))}function I(){p.find(".preloader-inner-line").css("opacity","")}function k(t){if(u){if("android"!==n.os)return;if("targetTouches"in t&&t.targetTouches.length>1)return}i.hasClass("ptr-refreshing")||r(t.target).closest(".sortable-handler, .ptr-ignore, .card-expandable.card-opened").length||(g=!1,x=!1,u=!0,v=void 0,M=void 0,"touchstart"===t.type&&(f=t.targetTouches[0].identifier),m.x="touchstart"===t.type?t.targetTouches[0].pageX:t.pageX,m.y="touchstart"===t.type?t.targetTouches[0].pageY:t.pageY)}function L(t){if(!u)return;let s,a,l;if("touchmove"===t.type){if(f&&t.touches)for(let e=0;e<t.touches.length;e+=1)t.touches[e].identifier===f&&(l=t.touches[e]);l||(l=t.targetTouches[0]),s=l.pageX,a=l.pageY}else s=t.pageX,a=t.pageY;if(!s||!a)return;if(void 0===v&&(v=!!(v||Math.abs(a-m.y)>Math.abs(s-m.x))),!v)return void(u=!1);if(w=i[0].scrollTop,!g){let s;if(i.removeClass("ptr-transitioning"),d&&B(0),$=i[0].scrollHeight,P=i[0].offsetHeight,o.bottom&&(E=$-P),w>$)return void(u=!1);const a=r(t.target).closest(".ptr-watch-scroll");if(a.length&&a.each((t=>{t!==e&&t.scrollHeight>t.offsetHeight&&"auto"===r(t).css("overflow")&&(!o.bottom&&t.scrollTop>0||o.bottom&&t.scrollTop<t.scrollHeight-t.offsetHeight)&&(s=!0)})),s)return void(u=!1);y&&(T=i.attr("data-ptr-distance"),T.indexOf("%")>=0&&(T=$*parseInt(T,10)/100)),S=i.hasClass("ptr-refreshing")?T:0,D=!($!==P&&"ios"===n.os&&!c),R=!1}g=!0,b=a-m.y,void 0===M&&(o.bottom?w!==E:0!==w)&&(M=!0);if(o.bottom?b<0&&w>=E||w>E:b>0&&w<=0||w<0){let e;"ios"===n.os&&parseInt(n.osVersion.split(".")[0],10)>7&&(o.bottom||0!==w||M||(D=!0),o.bottom&&w===E&&!M&&(D=!0)),D||!o.bottom||c||(i.css("-webkit-overflow-scrolling","auto"),i.scrollTop(E),R=!0),D||R?(t.cancelable&&t.preventDefault(),C=(o.bottom?-1*Math.abs(b)**.85:b**.85)+S,c?p.transform(`translate3d(0,${C}px,0)`).find(".ptr-arrow").transform(`rotate(${Math.abs(b)/66*180+100}deg)`):(o.bottom||d?i.children().transform(`translate3d(0,${C}px,0)`):i.transform(`translate3d(0,${C}px,0)`),d&&p.transform("translate3d(0,0px,0)"))):d&&!o.bottom&&p.transform(`translate3d(0,${w}px,0)`),d&&!H&&(e=D||R?Math.abs(b)**.85/T:Math.abs(b)/(2*T),B(e)),(D||R)&&Math.abs(b)**.85>T||!D&&Math.abs(b)>=2*T?(H=!0,i.addClass("ptr-pull-up").removeClass("ptr-pull-down"),I()):(H=!1,i.removeClass("ptr-pull-up").addClass("ptr-pull-down")),x||(i.trigger("ptr:pullstart"),o.emit("local::pullStart ptrPullStart",i[0]),x=!0),i.trigger("ptr:pullmove",{event:t,scrollTop:w,translate:C,touchesDiff:b}),o.emit("local::pullMove ptrPullMove",i[0],{event:t,scrollTop:w,translate:C,touchesDiff:b})}else x=!1,i.removeClass("ptr-pull-up ptr-pull-down"),H=!1}function O(t){return"touchend"===t.type&&t.changedTouches&&t.changedTouches.length>0&&f&&t.changedTouches[0].identifier!==f?(u=!1,v=!1,g=!1,void(f=null)):u&&g?(C&&(i.addClass("ptr-transitioning"),C=0),c?p.transform("").find(".ptr-arrow").transform(""):(p.transform(""),o.bottom||d?i.children().transform(""):i.transform("")),D||!o.bottom||c||i.css("-webkit-overflow-scrolling",""),H?(i.addClass("ptr-refreshing"),i.trigger("ptr:refresh",o.done),o.emit("local::refresh ptrRefresh",i[0],o.done)):i.removeClass("ptr-pull-down"),u=!1,g=!1,void(x&&(i.trigger("ptr:pullend"),o.emit("local::pullEnd ptrPullEnd",i[0])))):(u=!1,void(g=!1))}let V,j;X||o.bottom||i.addClass("ptr-no-navbar"),i.attr("data-ptr-distance")?y=!0:c?T=66:d?T=44:h&&(T=38);let q=!0,z=0;function A(){q=!0,j=!1,z=0,C&&(i.addClass("ptr-transitioning"),C=0),c?p.transform("").find(".ptr-arrow").transform(""):(p.transform(""),o.bottom?i.children().transform(""):i.transform("")),H?(i.addClass("ptr-refreshing"),i.trigger("ptr:refresh",o.done),o.emit("local::refresh ptrRefresh",i[0],o.done)):i.removeClass("ptr-pull-down"),x&&(i.trigger("ptr:pullend"),o.emit("local::pullEnd ptrPullEnd",i[0]))}function F(t){if(!q)return;const{deltaX:s,deltaY:a}=t;if(Math.abs(s)>Math.abs(a))return;if(i.hasClass("ptr-refreshing"))return;if(r(t.target).closest(".sortable-handler, .ptr-ignore, .card-expandable.card-opened").length)return;if(clearTimeout(V),w=i[0].scrollTop,!j){let s;if(i.removeClass("ptr-transitioning"),d&&B(0),$=i[0].scrollHeight,P=i[0].offsetHeight,o.bottom&&(E=$-P),w>$)return void(q=!1);const a=r(t.target).closest(".ptr-watch-scroll");if(a.length&&a.each((t=>{t!==e&&t.scrollHeight>t.offsetHeight&&"auto"===r(t).css("overflow")&&(!o.bottom&&t.scrollTop>0||o.bottom&&t.scrollTop<t.scrollHeight-t.offsetHeight)&&(s=!0)})),s)return void(q=!1);y&&(T=i.attr("data-ptr-distance"),T.indexOf("%")>=0&&(T=$*parseInt(T,10)/100))}g=!0,z-=a,b=z,void 0===M&&(o.bottom?w!==E:0!==w)&&(M=!0);if(o.bottom?b<0&&w>=E||w>E:b>0&&w<=0||w<0){let e;t.cancelable&&t.preventDefault(),C=b,Math.abs(C)>T&&(C=T+(Math.abs(C)-T)**.7,o.bottom&&(C=-C)),c?p.transform(`translate3d(0,${C}px,0)`).find(".ptr-arrow").transform(`rotate(${Math.abs(b)/66*180+100}deg)`):o.bottom?i.children().transform(`translate3d(0,${C}px,0)`):(i.transform(`translate3d(0,${C}px,0)`),d&&p.transform(`translate3d(0,${-C}px,0)`)),d&&!H&&(e=Math.abs(C)/T,B(e)),Math.abs(C)>T?(H=!0,i.addClass("ptr-pull-up").removeClass("ptr-pull-down"),I()):(H=!1,i.removeClass("ptr-pull-up").addClass("ptr-pull-down")),x||(i.trigger("ptr:pullstart"),o.emit("local::pullStart ptrPullStart",i[0]),x=!0),i.trigger("ptr:pullmove",{event:t,scrollTop:w,translate:C,touchesDiff:b}),o.emit("local::pullMove ptrPullMove",i[0],{event:t,scrollTop:w,translate:C,touchesDiff:b})}else x=!1,i.removeClass("ptr-pull-up ptr-pull-down"),H=!1;V=setTimeout(A,300)}return Y.length&&i.length?(i[0].f7PullToRefresh=o,o.attachEvents=function(){const e=!!l.passiveListener&&{passive:!0};i.on(t.touchEvents.start,k,e),t.on("touchmove:active",L),t.on("touchend:passive",O),o.mousewheel&&!o.bottom&&i.on("wheel",F)},o.detachEvents=function(){const e=!!l.passiveListener&&{passive:!0};i.off(t.touchEvents.start,k,e),t.off("touchmove:active",L),t.off("touchend:passive",O),o.mousewheel&&!o.bottom&&i.off("wheel",F)},o.useModules(),o.init(),o):o}init(){this.attachEvents()}destroy(){let t=this;t.emit("local::beforeDestroy ptrBeforeDestroy",t),t.$el.trigger("ptr:beforedestroy"),delete t.el.f7PullToRefresh,t.detachEvents(),i(t),t=null}}var d={name:"pullToRefresh",create(){const t=this;t.ptr=p(l({defaultSelector:".ptr-content",constructor:c,app:t,domProp:"f7PullToRefresh"}),{done(e){const r=t.ptr.get(e);if(r)return r.done()},refresh(e){const r=t.ptr.get(e);if(r)return r.refresh()}})},static:{PullToRefresh:c},on:{tabMounted(t){const e=this,o=r(t),s=o.find(".ptr-content");o.is(".ptr-content")&&s.add(o),s.each((t=>{e.ptr.create(t)}))},tabBeforeRemove(t){const e=r(t),o=this,s=e.find(".ptr-content");e.is(".ptr-content")&&s.add(e),s.each((t=>{o.ptr.destroy(t)}))},pageInit(t){const e=this;t.$el.find(".ptr-content").each((t=>{e.ptr.create(t)}))},pageBeforeRemove(t){const e=this;t.$el.find(".ptr-content").each((t=>{e.ptr.destroy(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[d.name])return;t.use(d),t.instance&&(t.instance.useModuleParams(d,t.instance.params),t.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var r=t.$,o=t.utils,s=t.getDevice,a=t.getSupport,n=t.Class,l=(t.Modal,t.ConstructorMethods),i=(t.ModalMethods,o.deleteProps),p=o.extend;class c extends n{constructor(t,e){super({},[t]);const o=this,n=s(),l=a(),i=r(e),p=i.find(".ptr-preloader");o.$el=i,o.el=i[0],o.app=t,o.bottom=o.$el.hasClass("ptr-bottom"),o.useModulesParams({});const c="md"===t.theme,d="ios"===t.theme,h="aurora"===t.theme;let f,u,g;o.done=function(){const t=c?p:i,e=s=>{r(s.target).closest(p).length||(i.removeClass("ptr-transitioning ptr-pull-up ptr-pull-down ptr-closing"),i.trigger("ptr:done"),o.emit("local::done ptrDone",i[0]),t.off("transitionend",e))};return t.on("transitionend",e),i.removeClass("ptr-refreshing").addClass("ptr-transitioning ptr-closing"),o},o.refresh=function(){return i.hasClass("ptr-refreshing")||(i.addClass("ptr-transitioning ptr-refreshing"),i.trigger("ptr:refresh",o.done),o.emit("local::refresh ptrRefresh",i[0],o.done)),o},o.mousewheel="true"===i.attr("data-ptr-mousewheel");const m={};let v,b,C,w,M,T,y,x,$,P,E,H=!1,D=!1,R=!1,S=0,X=!1;const Y=i.parents(".page");if((Y.find(".navbar").length>0||Y.parents(".view").children(".navbars").length>0)&&(X=!0),Y.hasClass("no-navbar")&&(X=!1),!o.bottom){const e=t.navbar.getElByPage(Y[0]);if(e){const t=r(e),o=t.hasClass("navbar-large-transparent")||t.hasClass("navbar-large")&&t.hasClass("navbar-transparent"),s=t.hasClass("navbar-transparent")&&!t.hasClass("navbar-large");o?i.addClass("ptr-with-navbar-large-transparent"):s&&i.addClass("ptr-with-navbar-transparent")}}function B(t){void 0===t&&(t=0);const e=p.find(".preloader-inner-line"),r=1/e.length;e.forEach(((e,o)=>{const s=(t-o*r)/r;e.style.opacity=.27*Math.max(Math.min(s,1),0)}))}function I(){p.find(".preloader-inner-line").css("opacity","")}function k(t){if(u){if("android"!==n.os)return;if("targetTouches"in t&&t.targetTouches.length>1)return}i.hasClass("ptr-refreshing")||r(t.target).closest(".sortable-handler, .ptr-ignore, .card-expandable.card-opened").length||(g=!1,x=!1,u=!0,v=void 0,M=void 0,"touchstart"===t.type&&(f=t.targetTouches[0].identifier),m.x="touchstart"===t.type?t.targetTouches[0].pageX:t.pageX,m.y="touchstart"===t.type?t.targetTouches[0].pageY:t.pageY)}function L(t){if(!u)return;let s,a,l;if("touchmove"===t.type){if(f&&t.touches)for(let e=0;e<t.touches.length;e+=1)t.touches[e].identifier===f&&(l=t.touches[e]);l||(l=t.targetTouches[0]),s=l.pageX,a=l.pageY}else s=t.pageX,a=t.pageY;if(!s||!a)return;if(void 0===v&&(v=!!(v||Math.abs(a-m.y)>Math.abs(s-m.x))),!v)return void(u=!1);if(w=i[0].scrollTop,!g){let s;if(i.removeClass("ptr-transitioning"),d&&B(0),$=i[0].scrollHeight,P=i[0].offsetHeight,o.bottom&&(E=$-P),w>$)return void(u=!1);const a=r(t.target).closest(".ptr-watch-scroll");if(a.length&&a.each((t=>{t!==e&&t.scrollHeight>t.offsetHeight&&"auto"===r(t).css("overflow")&&(!o.bottom&&t.scrollTop>0||o.bottom&&t.scrollTop<t.scrollHeight-t.offsetHeight)&&(s=!0)})),s)return void(u=!1);y&&(T=i.attr("data-ptr-distance"),T.indexOf("%")>=0&&(T=$*parseInt(T,10)/100)),S=i.hasClass("ptr-refreshing")?T:0,D=!($!==P&&"ios"===n.os&&!c),R=!1}g=!0,b=a-m.y,void 0===M&&(o.bottom?w!==E:0!==w)&&(M=!0);if(o.bottom?b<0&&w>=E||w>E:b>0&&w<=0||w<0){let e;"ios"===n.os&&parseInt(n.osVersion.split(".")[0],10)>7&&(o.bottom||0!==w||M||(D=!0),o.bottom&&w===E&&!M&&(D=!0)),D||!o.bottom||c||(i.css("-webkit-overflow-scrolling","auto"),i.scrollTop(E),R=!0),D||R?(t.cancelable&&t.preventDefault(),C=(o.bottom?-1*Math.abs(b)**.85:b**.85)+S,c?p.transform(`translate3d(0,${C}px,0)`).find(".ptr-arrow").transform(`rotate(${Math.abs(b)/66*180+100}deg)`):(o.bottom||d?i.children().transform(`translate3d(0,${C}px,0)`):i.transform(`translate3d(0,${C}px,0)`),d&&p.transform("translate3d(0,0px,0)"))):d&&!o.bottom&&p.transform(`translate3d(0,${w}px,0)`),d&&!H&&(e=D||R?Math.abs(b)**.85/T:Math.abs(b)/(2*T),B(e)),(D||R)&&Math.abs(b)**.85>T||!D&&Math.abs(b)>=2*T?(H=!0,i.addClass("ptr-pull-up").removeClass("ptr-pull-down"),I()):(H=!1,i.removeClass("ptr-pull-up").addClass("ptr-pull-down")),x||(i.trigger("ptr:pullstart"),o.emit("local::pullStart ptrPullStart",i[0]),x=!0),i.trigger("ptr:pullmove",{event:t,scrollTop:w,translate:C,touchesDiff:b}),o.emit("local::pullMove ptrPullMove",i[0],{event:t,scrollTop:w,translate:C,touchesDiff:b})}else x=!1,i.removeClass("ptr-pull-up ptr-pull-down"),H=!1}function O(t){return"touchend"===t.type&&t.changedTouches&&t.changedTouches.length>0&&f&&t.changedTouches[0].identifier!==f?(u=!1,v=!1,g=!1,void(f=null)):u&&g?(C&&(i.addClass("ptr-transitioning"),C=0),c?p.transform("").find(".ptr-arrow").transform(""):(p.transform(""),o.bottom||d?i.children().transform(""):i.transform("")),D||!o.bottom||c||i.css("-webkit-overflow-scrolling",""),H?(i.addClass("ptr-refreshing"),i.trigger("ptr:refresh",o.done),o.emit("local::refresh ptrRefresh",i[0],o.done)):i.removeClass("ptr-pull-down"),u=!1,g=!1,void(x&&(i.trigger("ptr:pullend"),o.emit("local::pullEnd ptrPullEnd",i[0])))):(u=!1,void(g=!1))}let V,j;X||o.bottom||i.addClass("ptr-no-navbar"),i.attr("data-ptr-distance")?y=!0:c?T=66:d?T=44:h&&(T=38);let q=!0,z=0;function A(){q=!0,j=!1,z=0,C&&(i.addClass("ptr-transitioning"),C=0),c?p.transform("").find(".ptr-arrow").transform(""):(p.transform(""),o.bottom?i.children().transform(""):i.transform("")),H?(i.addClass("ptr-refreshing"),i.trigger("ptr:refresh",o.done),o.emit("local::refresh ptrRefresh",i[0],o.done)):i.removeClass("ptr-pull-down"),x&&(i.trigger("ptr:pullend"),o.emit("local::pullEnd ptrPullEnd",i[0]))}function F(t){if(!q)return;const{deltaX:s,deltaY:a}=t;if(Math.abs(s)>Math.abs(a))return;if(i.hasClass("ptr-refreshing"))return;if(r(t.target).closest(".sortable-handler, .ptr-ignore, .card-expandable.card-opened").length)return;if(clearTimeout(V),w=i[0].scrollTop,!j){let s;if(i.removeClass("ptr-transitioning"),d&&B(0),$=i[0].scrollHeight,P=i[0].offsetHeight,o.bottom&&(E=$-P),w>$)return void(q=!1);const a=r(t.target).closest(".ptr-watch-scroll");if(a.length&&a.each((t=>{t!==e&&t.scrollHeight>t.offsetHeight&&"auto"===r(t).css("overflow")&&(!o.bottom&&t.scrollTop>0||o.bottom&&t.scrollTop<t.scrollHeight-t.offsetHeight)&&(s=!0)})),s)return void(q=!1);y&&(T=i.attr("data-ptr-distance"),T.indexOf("%")>=0&&(T=$*parseInt(T,10)/100))}g=!0,z-=a,b=z,void 0===M&&(o.bottom?w!==E:0!==w)&&(M=!0);if(o.bottom?b<0&&w>=E||w>E:b>0&&w<=0||w<0){let e;t.cancelable&&t.preventDefault(),C=b,Math.abs(C)>T&&(C=T+(Math.abs(C)-T)**.7,o.bottom&&(C=-C)),c?p.transform(`translate3d(0,${C}px,0)`).find(".ptr-arrow").transform(`rotate(${Math.abs(b)/66*180+100}deg)`):o.bottom?i.children().transform(`translate3d(0,${C}px,0)`):(i.transform(`translate3d(0,${C}px,0)`),d&&p.transform(`translate3d(0,${-C}px,0)`)),d&&!H&&(e=Math.abs(C)/T,B(e)),Math.abs(C)>T?(H=!0,i.addClass("ptr-pull-up").removeClass("ptr-pull-down"),I()):(H=!1,i.removeClass("ptr-pull-up").addClass("ptr-pull-down")),x||(i.trigger("ptr:pullstart"),o.emit("local::pullStart ptrPullStart",i[0]),x=!0),i.trigger("ptr:pullmove",{event:t,scrollTop:w,translate:C,touchesDiff:b}),o.emit("local::pullMove ptrPullMove",i[0],{event:t,scrollTop:w,translate:C,touchesDiff:b})}else x=!1,i.removeClass("ptr-pull-up ptr-pull-down"),H=!1;V=setTimeout(A,300)}return Y.length&&i.length?(i[0].f7PullToRefresh=o,o.attachEvents=function(){const e=!!l.passiveListener&&{passive:!0};i.on(t.touchEvents.start,k,e),t.on("touchmove:active",L),t.on("touchend:passive",O),o.mousewheel&&!o.bottom&&i.on("wheel",F)},o.detachEvents=function(){const e=!!l.passiveListener&&{passive:!0};i.off(t.touchEvents.start,k,e),t.off("touchmove:active",L),t.off("touchend:passive",O),o.mousewheel&&!o.bottom&&i.off("wheel",F)},o.useModules(),o.init(),o):o}init(){this.attachEvents()}destroy(){let t=this;t.emit("local::beforeDestroy ptrBeforeDestroy",t),t.$el.trigger("ptr:beforedestroy"),delete t.el.f7PullToRefresh,t.detachEvents(),i(t),t=null}}var d={name:"pullToRefresh",create(){const t=this;t.ptr=p(l({defaultSelector:".ptr-content",constructor:c,app:t,domProp:"f7PullToRefresh"}),{done(e){const r=t.ptr.get(e);if(r)return r.done()},refresh(e){const r=t.ptr.get(e);if(r)return r.refresh()}})},static:{PullToRefresh:c},on:{tabMounted(t){const e=this,o=r(t),s=o.find(".ptr-content");o.is(".ptr-content")&&s.add(o),s.each((t=>{e.ptr.create(t)}))},tabBeforeRemove(t){const e=r(t),o=this,s=e.find(".ptr-content");e.is(".ptr-content")&&s.add(e),s.each((t=>{o.ptr.destroy(t)}))},pageInit(t){const e=this;t.$el.find(".ptr-content").each((t=>{e.ptr.create(t)}))},pageBeforeRemove(t){const e=this;t.$el.find(".ptr-content").each((t=>{e.ptr.destroy(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[d.name])return;t.use(d),t.instance&&(t.instance.useModuleParams(d,t.instance.params),t.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))