framework7 8.3.4 → 9.0.0

package/components/popup/popup-class.js

@@ -1,7 +1,6 @@
 import { getWindow, getDocument } from 'ssr-window';
 import $ from '../../shared/dom7.js';
 import { extend, now, nextTick } from '../../shared/utils.js';
-import { getSupport } from '../../shared/get-support.js';
 import { getDevice } from '../../shared/get-device.js';
 import Modal from '../modal/modal-class.js';
 class Popup extends Modal {
@@ -15,7 +14,6 @@ class Popup extends Modal {
     const popup = this;
     const window = getWindow();
     const document = getDocument();
-    const support = getSupport();
     const device = getDevice();
     popup.params = extendedParams;
 
@@ -238,9 +236,9 @@ class Popup extends Modal {
       allowSwipeToClose = true;
       $el.transform('');
     }
-    const passive = support.passiveListener ? {
+    const passive = {
       passive: true
-    } : false;
+    };
     if (popup.params.swipeToClose) {
       $el.on(app.touchEvents.start, handleTouchStart, passive);
       app.on('touchmove', handleTouchMove);
@@ -263,7 +261,7 @@ class Popup extends Modal {
       } else if (isPush && wasPush) {
         popup.$htmlEl[0].style.setProperty('--f7-popup-push-scale', pushViewScale(pushOffset));
       } else if (!isPush && wasPush) {
-        popup.$htmlEl.removeClass('with-modal-popup-push');
+        $el.removeClass('popup-push-in');
         popup.$htmlEl[0].style.removeProperty('--f7-popup-push-scale');
       }
     };
@@ -280,8 +278,11 @@ class Popup extends Modal {
         if (!pushOffset) pushOffset = app.theme === 'ios' ? 44 : 48;
         popup.$htmlEl[0].style.setProperty('--f7-popup-push-offset', `${pushOffset}px`);
         $el.addClass('popup-push');
-        popup.$htmlEl.addClass('with-modal-popup-push');
+        $el.addClass('popup-push-in');
+        popup.emit('local::pushIn', popup, true);
         popup.$htmlEl[0].style.setProperty('--f7-popup-push-scale', pushViewScale(pushOffset));
+      } else {
+        popup.emit('local::pushIn', popup, false);
       }
       app.on('resize', updatePushOffset);
     };
@@ -309,15 +310,20 @@ class Popup extends Modal {
       }
       $el.prevAll('.popup.modal-in').eq(0).removeClass('popup-behind');
       if (isPush && pushOffset && !hasPreviousPushPopup) {
-        popup.$htmlEl.removeClass('with-modal-popup-push');
-        popup.$htmlEl.addClass('with-modal-popup-push-closing');
+        $el.removeClass('popup-push-in');
+        $el.addClass('popup-push-closing');
+        popup.emit('local::pushIn', popup, false);
+        popup.emit('local::pushClosing', popup, true);
+      } else {
+        popup.emit('local::pushIn', popup, false);
+        popup.emit('local::pushClosing', popup, false);
       }
       app.off('resize', updatePushOffset);
     });
     popup.on('closed', () => {
       $el.removeClass('popup-behind');
       if (isPush && pushOffset && !hasPreviousPushPopup) {
-        popup.$htmlEl.removeClass('with-modal-popup-push-closing');
+        $el.removeClass('popup-push-closing');
         popup.$htmlEl[0].style.removeProperty('--f7-popup-push-scale');
         popup.$htmlEl[0].style.removeProperty('--f7-popup-push-offset');
       }

package/components/popup/popup-rtl.css

@@ -1 +1 @@
-:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-tablet-border-radius:5px;--f7-popup-transition-duration:400ms;--f7-popup-transition-timing-function:initial;--f7-popup-push-border-radius:10px}.md{--f7-popup-tablet-border-radius:28px;--f7-popup-transition-duration:600ms;--f7-popup-transition-timing-function:cubic-bezier(0, 1, 0.2, 1);--f7-popup-push-border-radius:28px}.popup-backdrop{z-index:10500}.popup-backdrop-unique{z-index:11000}.popup{position:absolute;left:0;top:0px;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transition-timing-function:var(--f7-popup-transition-timing-function);transform:translate3d(0,100vh,0);background:#fff;z-index:11000;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.dark .popup,.popup.dark{background:#000}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100vh,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}.popup:not(.popup-tablet-fullscreen).popup-behind{transform:translate3d(0,0,0) scale(.9);pointer-events:none}.popup:not(.popup-tablet-fullscreen).popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(.9)}html.with-modal-popup-push .popup-push:not(.popup-tablet-fullscreen){margin-top:0}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-modal-popup-push .popup-push,html.with-modal-popup-push-closing .popup-push{top:calc(var(--f7-popup-push-offset) + 10px);height:calc(100% - var(--f7-popup-push-offset) - 10px);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;--f7-safe-area-top:0px}html.with-modal-popup-push .popup-push .page,html.with-modal-popup-push .popup-push .view,html.with-modal-popup-push-closing .popup-push .page,html.with-modal-popup-push-closing .popup-push .view{--f7-safe-area-top:0px}html.with-modal-popup-push .framework7-root,html.with-modal-popup-push-closing .framework7-root{background:#000}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views,html.with-modal-popup-push-closing .framework7-root>.view,html.with-modal-popup-push-closing .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function)}html.with-modal-popup-push .dark .framework7-root>.view:after,html.with-modal-popup-push .dark .framework7-root>.views:after,html.with-modal-popup-push .dark.framework7-root>.view:after,html.with-modal-popup-push .dark.framework7-root>.views:after,html.with-modal-popup-push .framework7-root>.view.dark:after,html.with-modal-popup-push .framework7-root>.views.dark:after,html.with-modal-popup-push-closing .dark .framework7-root>.view:after,html.with-modal-popup-push-closing .dark .framework7-root>.views:after,html.with-modal-popup-push-closing .dark.framework7-root>.view:after,html.with-modal-popup-push-closing .dark.framework7-root>.views:after,html.with-modal-popup-push-closing .framework7-root>.view.dark:after,html.with-modal-popup-push-closing .framework7-root>.views.dark:after,html.with-modal-popup-push-closing.dark .framework7-root>.view:after,html.with-modal-popup-push-closing.dark .framework7-root>.views:after,html.with-modal-popup-push.dark .framework7-root>.view:after,html.with-modal-popup-push.dark .framework7-root>.views:after{content:'';position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.1);z-index:13000;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;opacity:1;animation:popup-dark-push-overlay-fade-in var(--f7-popup-transition-duration) forwards}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translate3d(0,0,0px) scale(var(--f7-popup-push-scale,1))!important}html.with-modal-popup-push .popup:after{content:'';pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;opacity:0}html.with-modal-popup-push .dark .popup:after,html.with-modal-popup-push .dark.popup:after,html.with-modal-popup-push.dark .popup:after{background:rgba(255,255,255,.05)}html.with-modal-popup-push .popup-behind{transform:translate3d(0,0px,0px) scale(var(--f7-popup-push-scale,1))}html.with-modal-popup-push .popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(var(--f7-popup-push-scale,1))}html.with-modal-popup-push .popup-behind:not(.popup-push){border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html.with-modal-popup-push .popup-behind.popup-push{transform:translate3d(0,calc(0px - var(--f7-popup-push-offset) - 10px),0px) scale(var(--f7-popup-push-scale,1))}html.with-modal-popup-push .popup-behind.popup-push.modal-out{transform:translate3d(0,calc(0px - var(--f7-popup-push-offset) - 10px + 100vh),0px) scale(var(--f7-popup-push-scale,1))}html.with-modal-popup-push .popup-behind:after{opacity:1;pointer-events:auto}html.with-modal-popup-push-closing .dark .framework7-root>.view:after,html.with-modal-popup-push-closing .dark .framework7-root>.views:after,html.with-modal-popup-push-closing .dark.framework7-root>.view:after,html.with-modal-popup-push-closing .dark.framework7-root>.views:after,html.with-modal-popup-push-closing .framework7-root>.view.dark:after,html.with-modal-popup-push-closing .framework7-root>.views.dark:after,html.with-modal-popup-push-closing.dark .framework7-root>.view:after,html.with-modal-popup-push-closing.dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-out var(--f7-popup-transition-duration) forwards;animation-timing-function:var(--f7-popup-transition-timing-function)}@keyframes popup-dark-push-overlay-fade-in{from{opacity:0}to{opacity:1}}@keyframes popup-dark-push-overlay-fade-out{from{opacity:1}to{opacity:0}}
+:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-tablet-border-radius:32px;--f7-popup-transition-duration:400ms;--f7-popup-transition-timing-function:initial;--f7-popup-push-border-radius:32px}.md{--f7-popup-tablet-border-radius:28px;--f7-popup-transition-duration:600ms;--f7-popup-transition-timing-function:cubic-bezier(0,1,0.2,1);--f7-popup-push-border-radius:28px}.popup-backdrop{z-index:10500}.popup,.popup-backdrop-unique{z-index:11000}.popup{background:#fff;border-radius:var(--f7-popup-border-radius);box-sizing:border-box;display:none;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:translate3d(0,100vh,0);transition-property:transform;transition-timing-function:var(--f7-popup-transition-timing-function);width:100%}.dark .popup,.popup.dark{background:#000}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translateZ(0)}.popup.modal-out{transform:translate3d(0,100vh,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius));height:var(--f7-popup-tablet-height);left:50%;margin-left:calc(var(--f7-popup-tablet-width)*-1/2);margin-top:calc(var(--f7-popup-tablet-height)*-1/2);top:50%;transform:translate3d(0,100vh,0);width:var(--f7-popup-tablet-width)}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translateZ(0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}.popup:not(.popup-tablet-fullscreen).popup-behind{pointer-events:none;transform:translateZ(0) scale(.9)}.popup:not(.popup-tablet-fullscreen).popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(.9)}html:has(.popup-push-in) .popup-push:not(.popup-tablet-fullscreen){margin-top:0}}html:has(.popup.modal-in) .framework7-root>.panel .page-content,html:has(.popup.modal-in) .framework7-root>.view .page-content,html:has(.popup.modal-in) .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html:has(.popup-push-closing) .popup-push,html:has(.popup-push-in) .popup-push{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;height:calc(100% - var(--f7-popup-push-offset) - 10px);top:calc(var(--f7-popup-push-offset) + 10px);--f7-safe-area-top:0px}html:has(.popup-push-closing) .popup-push .page,html:has(.popup-push-closing) .popup-push .view,html:has(.popup-push-in) .popup-push .page,html:has(.popup-push-in) .popup-push .view{--f7-safe-area-top:0px}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{background:#000}html:has(.popup-push-closing) .framework7-root>.view,html:has(.popup-push-closing) .framework7-root>.views,html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function)}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after,html:has(.popup-push-in) .dark .framework7-root>.view:after,html:has(.popup-push-in) .dark .framework7-root>.views:after,html:has(.popup-push-in) .dark.framework7-root>.view:after,html:has(.popup-push-in) .dark.framework7-root>.views:after,html:has(.popup-push-in) .framework7-root>.view.dark:after,html:has(.popup-push-in) .framework7-root>.views.dark:after,html:has(.popup-push-in).dark .framework7-root>.view:after,html:has(.popup-push-in).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-in var(--f7-popup-transition-duration) forwards;background:#ffffff1a;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;content:"";height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:13000}html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translateZ(0) scale(var(--f7-popup-push-scale,1))!important}html:has(.popup-push-in) .popup:after{background:#0006;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function);width:100%;z-index:13000}html:has(.popup-push-in) .dark .popup:after,html:has(.popup-push-in) .dark.popup:after,html:has(.popup-push-in).dark .popup:after{background:#ffffff0d}html:has(.popup-push-in) .popup-behind{transform:translateZ(0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:not(.popup-push){border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html:has(.popup-push-in) .popup-behind.popup-push{transform:translate3d(0,calc(-10px - var(--f7-popup-push-offset)),0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.popup-push.modal-out{transform:translate3d(0,calc(-10px - var(--f7-popup-push-offset) + 100vh),0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:after{opacity:1;pointer-events:auto}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-out var(--f7-popup-transition-duration) forwards;animation-timing-function:var(--f7-popup-transition-timing-function)}@keyframes popup-dark-push-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-dark-push-overlay-fade-out{0%{opacity:1}to{opacity:0}}

package/components/popup/popup-vars.less

@@ -8,10 +8,10 @@
   */
 }
 .ios-vars({
-  --f7-popup-tablet-border-radius: 5px;
+  --f7-popup-tablet-border-radius: 32px;
   --f7-popup-transition-duration: 400ms;
   --f7-popup-transition-timing-function: initial;
-  --f7-popup-push-border-radius: 10px;
+  --f7-popup-push-border-radius: 32px;
 });
 .md-vars({
   --f7-popup-tablet-border-radius: 28px;

package/components/popup/popup.css

@@ -1 +1 @@
-:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-tablet-border-radius:5px;--f7-popup-transition-duration:400ms;--f7-popup-transition-timing-function:initial;--f7-popup-push-border-radius:10px}.md{--f7-popup-tablet-border-radius:28px;--f7-popup-transition-duration:600ms;--f7-popup-transition-timing-function:cubic-bezier(0, 1, 0.2, 1);--f7-popup-push-border-radius:28px}.popup-backdrop{z-index:10500}.popup-backdrop-unique{z-index:11000}.popup{position:absolute;left:0;top:0px;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transition-timing-function:var(--f7-popup-transition-timing-function);transform:translate3d(0,100vh,0);background:#fff;z-index:11000;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.dark .popup,.popup.dark{background:#000}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100vh,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}.popup:not(.popup-tablet-fullscreen).popup-behind{transform:translate3d(0,0,0) scale(.9);pointer-events:none}.popup:not(.popup-tablet-fullscreen).popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(.9)}html.with-modal-popup-push .popup-push:not(.popup-tablet-fullscreen){margin-top:0}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-modal-popup-push .popup-push,html.with-modal-popup-push-closing .popup-push{top:calc(var(--f7-popup-push-offset) + 10px);height:calc(100% - var(--f7-popup-push-offset) - 10px);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;--f7-safe-area-top:0px}html.with-modal-popup-push .popup-push .page,html.with-modal-popup-push .popup-push .view,html.with-modal-popup-push-closing .popup-push .page,html.with-modal-popup-push-closing .popup-push .view{--f7-safe-area-top:0px}html.with-modal-popup-push .framework7-root,html.with-modal-popup-push-closing .framework7-root{background:#000}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views,html.with-modal-popup-push-closing .framework7-root>.view,html.with-modal-popup-push-closing .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function)}html.with-modal-popup-push .dark .framework7-root>.view:after,html.with-modal-popup-push .dark .framework7-root>.views:after,html.with-modal-popup-push .dark.framework7-root>.view:after,html.with-modal-popup-push .dark.framework7-root>.views:after,html.with-modal-popup-push .framework7-root>.view.dark:after,html.with-modal-popup-push .framework7-root>.views.dark:after,html.with-modal-popup-push-closing .dark .framework7-root>.view:after,html.with-modal-popup-push-closing .dark .framework7-root>.views:after,html.with-modal-popup-push-closing .dark.framework7-root>.view:after,html.with-modal-popup-push-closing .dark.framework7-root>.views:after,html.with-modal-popup-push-closing .framework7-root>.view.dark:after,html.with-modal-popup-push-closing .framework7-root>.views.dark:after,html.with-modal-popup-push-closing.dark .framework7-root>.view:after,html.with-modal-popup-push-closing.dark .framework7-root>.views:after,html.with-modal-popup-push.dark .framework7-root>.view:after,html.with-modal-popup-push.dark .framework7-root>.views:after{content:'';position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.1);z-index:13000;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;opacity:1;animation:popup-dark-push-overlay-fade-in var(--f7-popup-transition-duration) forwards}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translate3d(0,0,0px) scale(var(--f7-popup-push-scale,1))!important}html.with-modal-popup-push .popup:after{content:'';pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;opacity:0}html.with-modal-popup-push .dark .popup:after,html.with-modal-popup-push .dark.popup:after,html.with-modal-popup-push.dark .popup:after{background:rgba(255,255,255,.05)}html.with-modal-popup-push .popup-behind{transform:translate3d(0,0px,0px) scale(var(--f7-popup-push-scale,1))}html.with-modal-popup-push .popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(var(--f7-popup-push-scale,1))}html.with-modal-popup-push .popup-behind:not(.popup-push){border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html.with-modal-popup-push .popup-behind.popup-push{transform:translate3d(0,calc(0px - var(--f7-popup-push-offset) - 10px),0px) scale(var(--f7-popup-push-scale,1))}html.with-modal-popup-push .popup-behind.popup-push.modal-out{transform:translate3d(0,calc(0px - var(--f7-popup-push-offset) - 10px + 100vh),0px) scale(var(--f7-popup-push-scale,1))}html.with-modal-popup-push .popup-behind:after{opacity:1;pointer-events:auto}html.with-modal-popup-push-closing .dark .framework7-root>.view:after,html.with-modal-popup-push-closing .dark .framework7-root>.views:after,html.with-modal-popup-push-closing .dark.framework7-root>.view:after,html.with-modal-popup-push-closing .dark.framework7-root>.views:after,html.with-modal-popup-push-closing .framework7-root>.view.dark:after,html.with-modal-popup-push-closing .framework7-root>.views.dark:after,html.with-modal-popup-push-closing.dark .framework7-root>.view:after,html.with-modal-popup-push-closing.dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-out var(--f7-popup-transition-duration) forwards;animation-timing-function:var(--f7-popup-transition-timing-function)}@keyframes popup-dark-push-overlay-fade-in{from{opacity:0}to{opacity:1}}@keyframes popup-dark-push-overlay-fade-out{from{opacity:1}to{opacity:0}}
+:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-tablet-border-radius:32px;--f7-popup-transition-duration:400ms;--f7-popup-transition-timing-function:initial;--f7-popup-push-border-radius:32px}.md{--f7-popup-tablet-border-radius:28px;--f7-popup-transition-duration:600ms;--f7-popup-transition-timing-function:cubic-bezier(0,1,0.2,1);--f7-popup-push-border-radius:28px}.popup-backdrop{z-index:10500}.popup,.popup-backdrop-unique{z-index:11000}.popup{background:#fff;border-radius:var(--f7-popup-border-radius);box-sizing:border-box;display:none;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:translate3d(0,100vh,0);transition-property:transform;transition-timing-function:var(--f7-popup-transition-timing-function);width:100%}.dark .popup,.popup.dark{background:#000}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translateZ(0)}.popup.modal-out{transform:translate3d(0,100vh,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius));height:var(--f7-popup-tablet-height);left:50%;margin-left:calc(var(--f7-popup-tablet-width)*-1/2);margin-top:calc(var(--f7-popup-tablet-height)*-1/2);top:50%;transform:translate3d(0,100vh,0);width:var(--f7-popup-tablet-width)}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translateZ(0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}.popup:not(.popup-tablet-fullscreen).popup-behind{pointer-events:none;transform:translateZ(0) scale(.9)}.popup:not(.popup-tablet-fullscreen).popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(.9)}html:has(.popup-push-in) .popup-push:not(.popup-tablet-fullscreen){margin-top:0}}html:has(.popup.modal-in) .framework7-root>.panel .page-content,html:has(.popup.modal-in) .framework7-root>.view .page-content,html:has(.popup.modal-in) .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html:has(.popup-push-closing) .popup-push,html:has(.popup-push-in) .popup-push{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;height:calc(100% - var(--f7-popup-push-offset) - 10px);top:calc(var(--f7-popup-push-offset) + 10px);--f7-safe-area-top:0px}html:has(.popup-push-closing) .popup-push .page,html:has(.popup-push-closing) .popup-push .view,html:has(.popup-push-in) .popup-push .page,html:has(.popup-push-in) .popup-push .view{--f7-safe-area-top:0px}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{background:#000}html:has(.popup-push-closing) .framework7-root>.view,html:has(.popup-push-closing) .framework7-root>.views,html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function)}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after,html:has(.popup-push-in) .dark .framework7-root>.view:after,html:has(.popup-push-in) .dark .framework7-root>.views:after,html:has(.popup-push-in) .dark.framework7-root>.view:after,html:has(.popup-push-in) .dark.framework7-root>.views:after,html:has(.popup-push-in) .framework7-root>.view.dark:after,html:has(.popup-push-in) .framework7-root>.views.dark:after,html:has(.popup-push-in).dark .framework7-root>.view:after,html:has(.popup-push-in).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-in var(--f7-popup-transition-duration) forwards;background:#ffffff1a;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;content:"";height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:13000}html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translateZ(0) scale(var(--f7-popup-push-scale,1))!important}html:has(.popup-push-in) .popup:after{background:#0006;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function);width:100%;z-index:13000}html:has(.popup-push-in) .dark .popup:after,html:has(.popup-push-in) .dark.popup:after,html:has(.popup-push-in).dark .popup:after{background:#ffffff0d}html:has(.popup-push-in) .popup-behind{transform:translateZ(0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:not(.popup-push){border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html:has(.popup-push-in) .popup-behind.popup-push{transform:translate3d(0,calc(-10px - var(--f7-popup-push-offset)),0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.popup-push.modal-out{transform:translate3d(0,calc(-10px - var(--f7-popup-push-offset) + 100vh),0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:after{opacity:1;pointer-events:auto}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-out var(--f7-popup-transition-duration) forwards;animation-timing-function:var(--f7-popup-transition-timing-function)}@keyframes popup-dark-push-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-dark-push-overlay-fade-out{0%{opacity:1}to{opacity:0}}

package/components/popup/popup.js

@@ -28,17 +28,11 @@ export default {
     });
   },
   clicks: {
-    '.popup-open': function openPopup($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
+    '.popup-open': function openPopup($clickedEl, data = {}) {
       const app = this;
       app.popup.open(data.popup, data.animate, $clickedEl);
     },
-    '.popup-close': function closePopup($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
+    '.popup-close': function closePopup($clickedEl, data = {}) {
       const app = this;
       app.popup.close(data.popup, data.animate, $clickedEl);
     }

package/components/popup/popup.less

@@ -75,11 +75,11 @@
       }
     }
   }
-  html.with-modal-popup-push .popup-push:not(.popup-tablet-fullscreen) {
+  html:has(.popup-push-in) .popup-push:not(.popup-tablet-fullscreen) {
     margin-top: 0;
   }
 }
-html.with-modal-popup {
+html:has(.popup.modal-in) {
   .framework7-root {
     > .views,
     > .view,
@@ -91,8 +91,8 @@ html.with-modal-popup {
   }
 }
 
-html.with-modal-popup-push,
-html.with-modal-popup-push-closing {
+html:has(.popup-push-in),
+html:has(.popup-push-closing) {
   .popup-push {
     top: calc(var(--f7-popup-push-offset) + 10px);
     height: calc(100% - var(--f7-popup-push-offset) - 10px);
@@ -139,7 +139,7 @@ html.with-modal-popup-push-closing {
   });
 }
 
-html.with-modal-popup-push {
+html:has(.popup-push-in) {
   .framework7-root {
     > .views,
     > .view {
@@ -195,7 +195,7 @@ html.with-modal-popup-push {
 }
 
 .if-dark-theme({
-  html.with-modal-popup-push-closing {
+  html:has(.popup-push-closing) {
     &.dark .framework7-root > .views,
     &.dark .framework7-root > .view,
     .dark .framework7-root > .views,

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}.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)}.preloader.color-white{--f7-preloader-color:#fff}.preloader.color-black{--f7-preloader-color:#000}.ios .preloader{color:var(--f7-preloader-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:currentColor;position:absolute;left:50%;top:50%;transform-origin:center 150%}.ios .preloader-multi-color .preloader-inner-line,.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{color:var(--f7-preloader-color)}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{fill:none;stroke:currentColor;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-multi-color circle,.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)}}
+:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:#000c}.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}.preloader{display:inline-block;font-size:0;height:var(--f7-preloader-size);position:relative;vertical-align:middle;width:var(--f7-preloader-size)}.preloader .preloader-inner{display:block;height:100%;position:relative;width:100%}.preloader-backdrop{background:none;opacity:0;visibility:visible;z-index:14000}.preloader-modal{background:var(--f7-preloader-modal-bg-color);border-radius:var(--f7-preloader-modal-border-radius);left:50%;padding:var(--f7-preloader-modal-padding);position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:14500}.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)}.preloader.color-white{--f7-preloader-color:#fff}.preloader.color-black{--f7-preloader-color:#000}.ios .preloader{color:var(--f7-preloader-color)}.ios .preloader-inner{animation:ios-preloader-spin 1s steps(8) infinite}.ios .preloader-inner-line{background:currentColor;border-radius:100px;display:block;height:33.33%;left:50%;position:absolute;top:50%;transform-origin:center 150%;width:11.6%}.ios .preloader-multi-color .preloader-inner-line,.ios .preloader.color-multi .preloader-inner-line{animation:ios-preloader-multicolor 3s linear infinite}.ios .preloader-inner-line:first-child{opacity:.27;transform:translate(-50%,-150%) rotate(0deg)}.ios .preloader-inner-line:nth-child(2){opacity:.35285714;transform:translate(-50%,-150%) rotate(45deg)}.ios .preloader-inner-line:nth-child(3){opacity:.43571429;transform:translate(-50%,-150%) rotate(90deg)}.ios .preloader-inner-line:nth-child(4){opacity:.51857143;transform:translate(-50%,-150%) rotate(135deg)}.ios .preloader-inner-line:nth-child(5){opacity:.60142857;transform:translate(-50%,-150%) rotate(180deg)}.ios .preloader-inner-line:nth-child(6){opacity:.68428571;transform:translate(-50%,-150%) rotate(225deg)}.ios .preloader-inner-line:nth-child(7){opacity:.76714286;transform:translate(-50%,-150%) rotate(270deg)}.ios .preloader-inner-line:nth-child(8){opacity:.85;transform:translate(-50%,-150%) rotate(315deg)}@keyframes ios-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ios-preloader-multicolor{0%,to{background-color:#2196f3}25%{background-color:#ff3b30}50%{background-color:#4cd964}75%{background-color:#ff9500}}.md .preloader{color:var(--f7-preloader-color)}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite;fill:none;stroke:currentColor;stroke-dasharray:100px;stroke-dashoffset:80px;stroke-width:4;transform:rotate(-90deg);transform-origin:18px 18px}.md .preloader-multi-color circle,.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%,to{stroke:#4285f4}75%{stroke:#1b9a59}50%{stroke:#f7c223}25%{stroke:#de3e35}}@keyframes md-preloader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes md-preloader-circle-rotate{0%{stroke-dashoffset:100px;transform:rotate(-90deg)}12.5%{stroke-dashoffset:25px;transform:rotate(-90deg)}25%{stroke-dashoffset:100px;transform:rotate(180deg)}25.1%{stroke-dashoffset:100px;transform:rotate(-180deg)}37.5%{stroke-dashoffset:25px;transform:rotate(-180deg)}50%{stroke-dashoffset:100px;transform:rotate(90deg)}50.1%{stroke-dashoffset:100px;transform:rotate(90deg)}62.5%{stroke-dashoffset:25px;transform:rotate(90deg)}75%{stroke-dashoffset:100px;transform:rotate(1turn)}75.1%{stroke-dashoffset:100px;transform:rotate(0deg)}87.5%{stroke-dashoffset:25px;transform:rotate(0deg)}to{stroke-dashoffset:100px;transform:rotate(270deg)}}

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}.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)}.preloader.color-white{--f7-preloader-color:#fff}.preloader.color-black{--f7-preloader-color:#000}.ios .preloader{color:var(--f7-preloader-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:currentColor;position:absolute;left:50%;top:50%;transform-origin:center 150%}.ios .preloader-multi-color .preloader-inner-line,.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{color:var(--f7-preloader-color)}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{fill:none;stroke:currentColor;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-multi-color circle,.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)}}
+:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:#000c}.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}.preloader{display:inline-block;font-size:0;height:var(--f7-preloader-size);position:relative;vertical-align:middle;width:var(--f7-preloader-size)}.preloader .preloader-inner{display:block;height:100%;position:relative;width:100%}.preloader-backdrop{background:none;opacity:0;visibility:visible;z-index:14000}.preloader-modal{background:var(--f7-preloader-modal-bg-color);border-radius:var(--f7-preloader-modal-border-radius);left:50%;padding:var(--f7-preloader-modal-padding);position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:14500}.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)}.preloader.color-white{--f7-preloader-color:#fff}.preloader.color-black{--f7-preloader-color:#000}.ios .preloader{color:var(--f7-preloader-color)}.ios .preloader-inner{animation:ios-preloader-spin 1s steps(8) infinite}.ios .preloader-inner-line{background:currentColor;border-radius:100px;display:block;height:33.33%;left:50%;position:absolute;top:50%;transform-origin:center 150%;width:11.6%}.ios .preloader-multi-color .preloader-inner-line,.ios .preloader.color-multi .preloader-inner-line{animation:ios-preloader-multicolor 3s linear infinite}.ios .preloader-inner-line:first-child{opacity:.27;transform:translate(-50%,-150%) rotate(0deg)}.ios .preloader-inner-line:nth-child(2){opacity:.35285714;transform:translate(-50%,-150%) rotate(45deg)}.ios .preloader-inner-line:nth-child(3){opacity:.43571429;transform:translate(-50%,-150%) rotate(90deg)}.ios .preloader-inner-line:nth-child(4){opacity:.51857143;transform:translate(-50%,-150%) rotate(135deg)}.ios .preloader-inner-line:nth-child(5){opacity:.60142857;transform:translate(-50%,-150%) rotate(180deg)}.ios .preloader-inner-line:nth-child(6){opacity:.68428571;transform:translate(-50%,-150%) rotate(225deg)}.ios .preloader-inner-line:nth-child(7){opacity:.76714286;transform:translate(-50%,-150%) rotate(270deg)}.ios .preloader-inner-line:nth-child(8){opacity:.85;transform:translate(-50%,-150%) rotate(315deg)}@keyframes ios-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ios-preloader-multicolor{0%,to{background-color:#2196f3}25%{background-color:#ff3b30}50%{background-color:#4cd964}75%{background-color:#ff9500}}.md .preloader{color:var(--f7-preloader-color)}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite;fill:none;stroke:currentColor;stroke-dasharray:100px;stroke-dashoffset:80px;stroke-width:4;transform:rotate(-90deg);transform-origin:18px 18px}.md .preloader-multi-color circle,.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%,to{stroke:#4285f4}75%{stroke:#1b9a59}50%{stroke:#f7c223}25%{stroke:#de3e35}}@keyframes md-preloader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes md-preloader-circle-rotate{0%{stroke-dashoffset:100px;transform:rotate(-90deg)}12.5%{stroke-dashoffset:25px;transform:rotate(-90deg)}25%{stroke-dashoffset:100px;transform:rotate(180deg)}25.1%{stroke-dashoffset:100px;transform:rotate(-180deg)}37.5%{stroke-dashoffset:25px;transform:rotate(-180deg)}50%{stroke-dashoffset:100px;transform:rotate(90deg)}50.1%{stroke-dashoffset:100px;transform:rotate(90deg)}62.5%{stroke-dashoffset:25px;transform:rotate(90deg)}75%{stroke-dashoffset:100px;transform:rotate(1turn)}75.1%{stroke-dashoffset:100px;transform:rotate(0deg)}87.5%{stroke-dashoffset:25px;transform:rotate(0deg)}to{stroke-dashoffset:100px;transform:rotate(270deg)}}

package/components/preloader/preloader.js

@@ -13,10 +13,7 @@ const Preloader = {
   },
   // Modal
   visible: false,
-  show(color) {
-    if (color === void 0) {
-      color = 'white';
-    }
+  show(color = 'white') {
     const app = this;
     if (Preloader.visible) return;
     const preloaders = {
@@ -34,10 +31,7 @@ const Preloader = {
     `);
     Preloader.visible = true;
   },
-  showIn(el, color) {
-    if (color === void 0) {
-      color = 'white';
-    }
+  showIn(el, color = 'white') {
     const app = this;
     const preloaders = {
       iosPreloaderContent,

package/components/progressbar/progressbar-md.less

@@ -3,6 +3,18 @@
   @blue: #2196f3;
   @green: #4caf50;
   @yellow: #ffeb3b;
+  .progressbar:not(.progressbar-infinite) {
+    &::after {
+      content: '';
+      position: absolute;
+      width: var(--f7-progressbar-height);
+      height: var(--f7-progressbar-height);
+      border-radius: var(--f7-progressbar-border-radius);
+      right: 0;
+      top: 0;
+      background: var(--f7-progressbar-progress-color, var(--f7-theme-color));
+    }
+  }
   .progressbar-infinite {
     &:before {
       animation: md-progressbar-infinite-1 2s linear infinite;

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}.md,.md .dark,.md [class*=color-]{--f7-progressbar-bg-color:rgba(var(--f7-theme-color-rgb), 0.5)}.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}}
+.ios{--f7-progressbar-height:6px;--f7-progressbar-border-radius:16px;--f7-progressbar-bg-color:#0000001a}.ios .dark,.ios.dark{--f7-progressbar-bg-color:#ffffff4d}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px}.md,.md .dark,.md [class*=color-]{--f7-progressbar-bg-color:var(--f7-md-secondary-container)}.progressbar,.progressbar-infinite{background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));border-radius:var(--f7-progressbar-border-radius);display:block;height:var(--f7-progressbar-height);overflow:hidden;position:relative;transform-origin:center top;transform-style:preserve-3d;width:100%}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));border-radius:inherit;height:100%;position:absolute;right:0;top:0;transform:translate3d(100%,0,0);transition-duration:.15s;width:100%}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));content:"";display:block;height:100%;position:absolute;right:0;top:0;transform:translateZ(0);transform-origin:right center;width:100%}.progressbar-infinite.color-multi{background:none!important}.progressbar-in{animation:progressbar-in .15s forwards}.progressbar-out{animation:progressbar-out .15s 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{border-radius:0!important;left:0;position:absolute;top:0;transform-origin:center top!important;z-index:15000}.framework7-root>.progressbar:after,.page>.progressbar:after,.panel>.progressbar:after,.popup>.progressbar:after,.view>.progressbar:after,.views>.progressbar:after,body>.progressbar:after{display:none}@keyframes progressbar-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{0%{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{animation:ios-progressbar-infinite-multicolor 3s linear infinite;background-image:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-repeat:repeat-x;background-size:25% 100%;width:400%}@keyframes ios-progressbar-infinite{0%{transform:translate3d(100%,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.md .progressbar:not(.progressbar-infinite):after{background:var(--f7-progressbar-progress-color,var(--f7-theme-color));border-radius:var(--f7-progressbar-border-radius);content:"";height:var(--f7-progressbar-height);position:absolute;right:0;top:0;width:var(--f7-progressbar-height)}.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{animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite;background:none}.md .progressbar-infinite.color-multi:after{animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;background:none;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)}to{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)}to{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%{background-color:#f44336;transform:scaleX(0)}24.9%{background-color:#f44336;transform:scaleX(1)}25%{background-color:#2196f3;transform:scaleX(0)}49.9%{background-color:#2196f3;transform:scaleX(1)}50%{background-color:#ffeb3b;transform:scaleX(0)}74.9%{background-color:#ffeb3b;transform:scaleX(1)}75%{background-color:#4caf50;transform:scaleX(0)}to{background-color:#4caf50;transform:scaleX(1)}}

package/components/progressbar/progressbar-vars.less

@@ -4,10 +4,10 @@
   */
 }
 .ios-vars({
-  --f7-progressbar-height: 4px;
-  --f7-progressbar-border-radius: 4px;
+  --f7-progressbar-height: 6px;
+  --f7-progressbar-border-radius: 16px;
   .light-vars({
-    --f7-progressbar-bg-color: rgba(0,0,0,0.3);
+    --f7-progressbar-bg-color: rgba(0,0,0,0.1);
   });
   .dark-vars({
     --f7-progressbar-bg-color: rgba(255,255,255,0.3);
@@ -15,8 +15,9 @@
 });
 .md-vars({
   --f7-progressbar-height: 4px;
-  --f7-progressbar-border-radius: 0px;
+  --f7-progressbar-border-radius: 4px;
+
 });
 .md-color-vars({
-  --f7-progressbar-bg-color: rgba(var(--f7-theme-color-rgb), 0.5);
+  --f7-progressbar-bg-color: var(--f7-md-secondary-container);
 });

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}.md,.md .dark,.md [class*=color-]{--f7-progressbar-bg-color:rgba(var(--f7-theme-color-rgb), 0.5)}.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}}
+.ios{--f7-progressbar-height:6px;--f7-progressbar-border-radius:16px;--f7-progressbar-bg-color:#0000001a}.ios .dark,.ios.dark{--f7-progressbar-bg-color:#ffffff4d}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px}.md,.md .dark,.md [class*=color-]{--f7-progressbar-bg-color:var(--f7-md-secondary-container)}.progressbar,.progressbar-infinite{background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));border-radius:var(--f7-progressbar-border-radius);display:block;height:var(--f7-progressbar-height);overflow:hidden;position:relative;transform-origin:center top;transform-style:preserve-3d;width:100%}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));border-radius:inherit;height:100%;left:0;position:absolute;top:0;transform:translate3d(-100%,0,0);transition-duration:.15s;width:100%}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translateZ(0);transform-origin:left center;width:100%}.progressbar-infinite.color-multi{background:none!important}.progressbar-in{animation:progressbar-in .15s forwards}.progressbar-out{animation:progressbar-out .15s 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{border-radius:0!important;left:0;position:absolute;top:0;transform-origin:center top!important;z-index:15000}.framework7-root>.progressbar:after,.page>.progressbar:after,.panel>.progressbar:after,.popup>.progressbar:after,.view>.progressbar:after,.views>.progressbar:after,body>.progressbar:after{display:none}@keyframes progressbar-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{0%{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{animation:ios-progressbar-infinite-multicolor 3s linear infinite;background-image:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-repeat:repeat-x;background-size:25% 100%;width:400%}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.md .progressbar:not(.progressbar-infinite):after{background:var(--f7-progressbar-progress-color,var(--f7-theme-color));border-radius:var(--f7-progressbar-border-radius);content:"";height:var(--f7-progressbar-height);position:absolute;right:0;top:0;width:var(--f7-progressbar-height)}.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{animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite;background:none}.md .progressbar-infinite.color-multi:after{animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;background:none;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)}to{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)}to{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%{background-color:#f44336;transform:scaleX(0)}24.9%{background-color:#f44336;transform:scaleX(1)}25%{background-color:#2196f3;transform:scaleX(0)}49.9%{background-color:#2196f3;transform:scaleX(1)}50%{background-color:#ffeb3b;transform:scaleX(0)}74.9%{background-color:#ffeb3b;transform:scaleX(1)}75%{background-color:#4caf50;transform:scaleX(0)}to{background-color:#4caf50;transform:scaleX(1)}}

package/components/progressbar/progressbar.js

@@ -1,11 +1,8 @@
 import $ from '../../shared/dom7.js';
 import { bindMethods } from '../../shared/utils.js';
 const Progressbar = {
-  set() {
+  set(...args) {
     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') {
       [progress, duration] = args;
@@ -33,13 +30,10 @@ const Progressbar = {
     $progressbarLine.transition(typeof duration !== 'undefined' ? duration : '').transform(`translate3d(${(-100 + progressNormalized) * (app.rtl ? -1 : 1)}%,0,0)`);
     return $progressbarEl[0];
   },
-  show() {
+  show(...args) {
     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';
     if (args.length === 2) {
@@ -85,10 +79,7 @@ const Progressbar = {
     }
     return $progressbarEl[0];
   },
-  hide(el, removeAfterHide) {
-    if (removeAfterHide === void 0) {
-      removeAfterHide = true;
-    }
+  hide(el, removeAfterHide = true) {
     const app = this;
     const $el = $(el || app.$el);
     if ($el.length === 0) return undefined;

package/components/progressbar/progressbar.less

@@ -16,6 +16,7 @@
 .progressbar {
   vertical-align: middle;
   span {
+    border-radius: inherit;
     background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color));
     width: 100%;
     height: 100%;
@@ -80,6 +81,11 @@ body,
     border-radius: 0 !important;
     transform-origin: center top !important;
   }
+  > .progressbar {
+    &::after {
+      display: none;
+    }
+  }
 }
 
 @keyframes progressbar-in {

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

@@ -1,14 +1,12 @@
 import $ from '../../shared/dom7.js';
 import { deleteProps } from '../../shared/utils.js';
 import Framework7Class from '../../shared/class.js';
-import { getSupport } from '../../shared/get-support.js';
 import { getDevice } from '../../shared/get-device.js';
 class PullToRefresh extends Framework7Class {
   constructor(app, el) {
     super({}, [app]);
     const ptr = this;
     const device = getDevice();
-    const support = getSupport();
     const $el = $(el);
     const $preloaderEl = $el.find('.ptr-preloader');
     ptr.$el = $el;
@@ -93,10 +91,7 @@ class PullToRefresh extends Framework7Class {
     } else if (isIos) {
       triggerDistance = 44;
     }
-    function setPreloaderProgress(progress) {
-      if (progress === void 0) {
-        progress = 0;
-      }
+    function setPreloaderProgress(progress = 0) {
       const $bars = $preloaderEl.find('.preloader-inner-line');
       const perBarProgress = 1 / $bars.length;
       $bars.forEach((barEl, barIndex) => {
@@ -466,10 +461,9 @@ class PullToRefresh extends Framework7Class {
 
     // Events
     ptr.attachEvents = function attachEvents() {
-      const passive = support.passiveListener ? {
+      $el.on(app.touchEvents.start, handleTouchStart, {
         passive: true
-      } : false;
-      $el.on(app.touchEvents.start, handleTouchStart, passive);
+      });
       app.on('touchmove:active', handleTouchMove);
       app.on('touchend:passive', handleTouchEnd);
       if (ptr.mousewheel && !ptr.bottom) {
@@ -477,10 +471,9 @@ class PullToRefresh extends Framework7Class {
       }
     };
     ptr.detachEvents = function detachEvents() {
-      const passive = support.passiveListener ? {
+      $el.off(app.touchEvents.start, handleTouchStart, {
         passive: true
-      } : false;
-      $el.off(app.touchEvents.start, handleTouchStart, passive);
+      });
       app.off('touchmove:active', handleTouchMove);
       app.off('touchend:passive', handleTouchEnd);
       if (ptr.mousewheel && !ptr.bottom) {

package/components/pull-to-refresh/pull-to-refresh-rtl.css

@@ -1 +1 @@
-.ios{--f7-ptr-preloader-size:28px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.md,.md .dark,.md [class*=color-]{--f7-ptr-preloader-bg-color:var(--f7-md-surface-1);--f7-ptr-preloader-color:var(--f7-md-primary)}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size);pointer-events:none}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ptr-with-navbar-large-transparent .ptr-preloader,.ptr-with-navbar-transparent .ptr-preloader{top:calc(-1 * var(--f7-page-navbar-offset,0px) + var(--f7-safe-area-top))}.ios .ptr-preloader{margin-bottom:calc(-1 * var(--f7-ptr-size));width:100%;left:0;top:0;position:relative}.ios .ptr-preloader .preloader{visibility:visible}.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner{animation:none}.ios .ptr-content.ptr-closing .ptr-preloader .preloader-inner-line,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up):not(.ptr-pull-down) .ptr-preloader .preloader-inner-line{opacity:0!important}.ios .ptr-refreshing>*,.ios .ptr-transitioning>*{transition-duration:.2s;transition-property:transform}.ios .ptr-transitioning .ptr-preloader .preloader-inner-line{transition-duration:.2s}.ios .ptr-pull-up .ptr-preloader .preloader{animation:ios-ptr-preloader-spin 1s ease-out forwards}.ios .ptr-refreshing:not(.ptr-bottom){transform:none}.ios .ptr-refreshing:not(.ptr-bottom)>*{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing:not(.ptr-bottom)>.ptr-preloader{transform:translate3d(0,0,0)}.ios .ptr-bottom .ptr-preloader{margin-bottom:0;margin-top:calc(-1 * var(--f7-ptr-size));position:relative}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom.ptr-refreshing>.ptr-preloader{transform:translate3d(0,0,0)}@keyframes ios-ptr-preloader-spin{from{transform:rotate(0deg)}to{transform:rotate(135deg)}}.md{--f7-ptr-top:-4px}.md .ptr-preloader{width:var(--f7-ptr-size);border-radius:50%;background:var(--f7-ptr-preloader-bg-color);--f7-preloader-color:var(--f7-ptr-preloader-color);margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);right:50%;margin-right:calc(-1 * var(--f7-ptr-size)/ 2)}.md .ptr-preloader .preloader circle{stroke-width:4}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader circle{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform,opacity}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.md .ptr-with-navbar-large-transparent .ptr-preloader,.md .ptr-with-navbar-transparent .ptr-preloader{opacity:0}.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader{opacity:1}.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-closing .ptr-preloader{opacity:0;transition-duration:.3s}
+.ios{--f7-ptr-preloader-size:28px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.md,.md .dark,.md [class*=color-]{--f7-ptr-preloader-bg-color:var(--f7-md-surface-1);--f7-ptr-preloader-color:var(--f7-md-primary)}.ptr-preloader{height:var(--f7-ptr-size);pointer-events:none;position:relative;top:var(--f7-ptr-top,0)}.ptr-preloader .preloader{height:var(--f7-ptr-preloader-size);left:50%;margin-left:calc(var(--f7-ptr-preloader-size)*-1/2);margin-top:calc(var(--f7-ptr-preloader-size)*-1/2);position:absolute;top:50%;visibility:hidden;width:var(--f7-ptr-preloader-size)}.ptr-bottom .ptr-preloader{bottom:0;position:fixed;top:auto}.ptr-with-navbar-large-transparent .ptr-preloader,.ptr-with-navbar-transparent .ptr-preloader{top:calc(var(--f7-page-navbar-offset, 0px)*-1 + var(--f7-safe-area-top))}.ios .ptr-preloader{left:0;margin-bottom:calc(var(--f7-ptr-size)*-1);position:relative;top:0;width:100%}.ios .ptr-preloader .preloader{visibility:visible}.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner{animation:none}.ios .ptr-content.ptr-closing .ptr-preloader .preloader-inner-line,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up):not(.ptr-pull-down) .ptr-preloader .preloader-inner-line{opacity:0!important}.ios .ptr-refreshing>*,.ios .ptr-transitioning>*{transition-duration:.2s;transition-property:transform}.ios .ptr-transitioning .ptr-preloader .preloader-inner-line{transition-duration:.2s}.ios .ptr-pull-up .ptr-preloader .preloader{animation:ios-ptr-preloader-spin 1s ease-out forwards}.ios .ptr-refreshing:not(.ptr-bottom){transform:none}.ios .ptr-refreshing:not(.ptr-bottom)>*{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing:not(.ptr-bottom)>.ptr-preloader{transform:translateZ(0)}.ios .ptr-bottom .ptr-preloader{margin-bottom:0;margin-top:calc(var(--f7-ptr-size)*-1);position:relative}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(var(--f7-ptr-size)*-1),0)}.ios .ptr-bottom.ptr-refreshing>.ptr-preloader{transform:translateZ(0)}@keyframes ios-ptr-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(135deg)}}.md{--f7-ptr-top:-4px}.md .ptr-preloader{background:var(--f7-ptr-preloader-bg-color);border-radius:50%;width:var(--f7-ptr-size);--f7-preloader-color:var(--f7-ptr-preloader-color);box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;margin-right:calc(var(--f7-ptr-size)*-1/2);margin-top:calc(var(--f7-ptr-size)*-1);right:50%;z-index:100}.md .ptr-preloader .preloader circle{stroke-width:4}.md .ptr-arrow{border:3px solid var(--f7-preloader-color);border-left:3px solid #0000;border-radius:50%;box-sizing:border-box;height:22px;left:50%;margin-left:-11px;margin-top:-11px;opacity:1;position:absolute;top:50%;transform:rotate(150deg);width:22px}.md .ptr-arrow:after{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:6px;border-left:5px solid #0000;border-right:5px solid #0000;bottom:0;content:"";height:0;left:-5px;position:absolute;transform:rotate(-40deg);width:0}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader circle{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{opacity:0;transform:rotate(620deg)!important;transition:.4s}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform,opacity}.md .ptr-bottom .ptr-preloader{margin-bottom:calc(var(--f7-ptr-size)*-1 - 4px);margin-top:0}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.md .ptr-with-navbar-large-transparent .ptr-preloader,.md .ptr-with-navbar-transparent .ptr-preloader{opacity:0}.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader{opacity:1}.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-closing .ptr-preloader{opacity:0;transition-duration:.3s}

package/components/pull-to-refresh/pull-to-refresh.css

@@ -1 +1 @@
-.ios{--f7-ptr-preloader-size:28px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.md,.md .dark,.md [class*=color-]{--f7-ptr-preloader-bg-color:var(--f7-md-surface-1);--f7-ptr-preloader-color:var(--f7-md-primary)}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size);pointer-events:none}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ptr-with-navbar-large-transparent .ptr-preloader,.ptr-with-navbar-transparent .ptr-preloader{top:calc(-1 * var(--f7-page-navbar-offset,0px) + var(--f7-safe-area-top))}.ios .ptr-preloader{margin-bottom:calc(-1 * var(--f7-ptr-size));width:100%;left:0;top:0;position:relative}.ios .ptr-preloader .preloader{visibility:visible}.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner{animation:none}.ios .ptr-content.ptr-closing .ptr-preloader .preloader-inner-line,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up):not(.ptr-pull-down) .ptr-preloader .preloader-inner-line{opacity:0!important}.ios .ptr-refreshing>*,.ios .ptr-transitioning>*{transition-duration:.2s;transition-property:transform}.ios .ptr-transitioning .ptr-preloader .preloader-inner-line{transition-duration:.2s}.ios .ptr-pull-up .ptr-preloader .preloader{animation:ios-ptr-preloader-spin 1s ease-out forwards}.ios .ptr-refreshing:not(.ptr-bottom){transform:none}.ios .ptr-refreshing:not(.ptr-bottom)>*{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing:not(.ptr-bottom)>.ptr-preloader{transform:translate3d(0,0,0)}.ios .ptr-bottom .ptr-preloader{margin-bottom:0;margin-top:calc(-1 * var(--f7-ptr-size));position:relative}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom.ptr-refreshing>.ptr-preloader{transform:translate3d(0,0,0)}@keyframes ios-ptr-preloader-spin{from{transform:rotate(0deg)}to{transform:rotate(135deg)}}.md{--f7-ptr-top:-4px}.md .ptr-preloader{width:var(--f7-ptr-size);border-radius:50%;background:var(--f7-ptr-preloader-bg-color);--f7-preloader-color:var(--f7-ptr-preloader-color);margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);left:50%;margin-left:calc(-1 * var(--f7-ptr-size)/ 2)}.md .ptr-preloader .preloader circle{stroke-width:4}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader circle{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform,opacity}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.md .ptr-with-navbar-large-transparent .ptr-preloader,.md .ptr-with-navbar-transparent .ptr-preloader{opacity:0}.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader{opacity:1}.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-closing .ptr-preloader{opacity:0;transition-duration:.3s}
+.ios{--f7-ptr-preloader-size:28px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.md,.md .dark,.md [class*=color-]{--f7-ptr-preloader-bg-color:var(--f7-md-surface-1);--f7-ptr-preloader-color:var(--f7-md-primary)}.ptr-preloader{height:var(--f7-ptr-size);pointer-events:none;position:relative;top:var(--f7-ptr-top,0)}.ptr-preloader .preloader{height:var(--f7-ptr-preloader-size);left:50%;margin-left:calc(var(--f7-ptr-preloader-size)*-1/2);margin-top:calc(var(--f7-ptr-preloader-size)*-1/2);position:absolute;top:50%;visibility:hidden;width:var(--f7-ptr-preloader-size)}.ptr-bottom .ptr-preloader{bottom:0;position:fixed;top:auto}.ptr-with-navbar-large-transparent .ptr-preloader,.ptr-with-navbar-transparent .ptr-preloader{top:calc(var(--f7-page-navbar-offset, 0px)*-1 + var(--f7-safe-area-top))}.ios .ptr-preloader{left:0;margin-bottom:calc(var(--f7-ptr-size)*-1);position:relative;top:0;width:100%}.ios .ptr-preloader .preloader{visibility:visible}.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner{animation:none}.ios .ptr-content.ptr-closing .ptr-preloader .preloader-inner-line,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up):not(.ptr-pull-down) .ptr-preloader .preloader-inner-line{opacity:0!important}.ios .ptr-refreshing>*,.ios .ptr-transitioning>*{transition-duration:.2s;transition-property:transform}.ios .ptr-transitioning .ptr-preloader .preloader-inner-line{transition-duration:.2s}.ios .ptr-pull-up .ptr-preloader .preloader{animation:ios-ptr-preloader-spin 1s ease-out forwards}.ios .ptr-refreshing:not(.ptr-bottom){transform:none}.ios .ptr-refreshing:not(.ptr-bottom)>*{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing:not(.ptr-bottom)>.ptr-preloader{transform:translateZ(0)}.ios .ptr-bottom .ptr-preloader{margin-bottom:0;margin-top:calc(var(--f7-ptr-size)*-1);position:relative}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(var(--f7-ptr-size)*-1),0)}.ios .ptr-bottom.ptr-refreshing>.ptr-preloader{transform:translateZ(0)}@keyframes ios-ptr-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(135deg)}}.md{--f7-ptr-top:-4px}.md .ptr-preloader{background:var(--f7-ptr-preloader-bg-color);border-radius:50%;width:var(--f7-ptr-size);--f7-preloader-color:var(--f7-ptr-preloader-color);box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;left:50%;margin-left:calc(var(--f7-ptr-size)*-1/2);margin-top:calc(var(--f7-ptr-size)*-1);z-index:100}.md .ptr-preloader .preloader circle{stroke-width:4}.md .ptr-arrow{border:3px solid var(--f7-preloader-color);border-left:3px solid #0000;border-radius:50%;box-sizing:border-box;height:22px;left:50%;margin-left:-11px;margin-top:-11px;opacity:1;position:absolute;top:50%;transform:rotate(150deg);width:22px}.md .ptr-arrow:after{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:6px;border-left:5px solid #0000;border-right:5px solid #0000;bottom:0;content:"";height:0;left:-5px;position:absolute;transform:rotate(-40deg);width:0}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader circle{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{opacity:0;transform:rotate(620deg)!important;transition:.4s}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform,opacity}.md .ptr-bottom .ptr-preloader{margin-bottom:calc(var(--f7-ptr-size)*-1 - 4px);margin-top:0}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.md .ptr-with-navbar-large-transparent .ptr-preloader,.md .ptr-with-navbar-transparent .ptr-preloader{opacity:0}.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader{opacity:1}.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-closing .ptr-preloader{opacity:0;transition-duration:.3s}

package/components/radio/radio-rtl.css

@@ -1 +1 @@
-:root{--f7-radio-border-radius:50%;--f7-radio-extra-margin:0px}:root .dark,:root.dark{--f7-radio-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.color-white .icon-radio,.color-white .radio,.icon-radio.color-white,.radio.color-white{--f7-theme-color:#fff}.color-black .icon-radio,.color-black .radio,.icon-radio.color-black,.radio.color-black{--f7-theme-color:#000}.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio:not(.item-radio-icon-start) input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;left:calc(var(--f7-safe-area-left) + 10px)}.ios label.item-radio:not(.item-radio-icon-start) .item-inner{padding-left:calc(var(--f7-safe-area-left) + 36px)}.ios label.item-radio-icon-start>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio:not(.item-radio-icon-end)>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.md label.item-radio-icon-end input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-10px;left:calc(var(--f7-safe-area-left) + 16px)}.md label.item-radio-icon-end .item-inner{padding-left:calc(var(--f7-safe-area-left) + 52px)}
+:root{--f7-radio-border-radius:50%;--f7-radio-extra-margin:0px}:root .dark,:root.dark{--f7-radio-inactive-color:#ffffff4d}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d}.radio{display:inline-block;position:relative;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb),0.5)}.icon-radio{border-radius:var(--f7-radio-border-radius);box-sizing:border-box;display:block;flex-shrink:0;height:var(--f7-radio-size);position:relative;width:var(--f7-radio-size)}.color-white .icon-radio,.color-white .radio,.icon-radio.color-white,.radio.color-white{--f7-theme-color:#fff}.color-black .icon-radio,.color-black .radio,.icon-radio.color-black,.radio.color-black{--f7-theme-color:#000}.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:initial}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none}.ios .icon-radio:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-radio-active-color,var(--f7-theme-color));content:"radio_ios";display:block;font-feature-settings:"liga";font-size:20px;height:100%;height:calc(var(--f7-radio-size) - var(--f7-radio-border-width)*2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width)*2 + 1px);opacity:0;text-align:center;width:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width)*2)}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio:not(.item-radio-icon-start) input[type=radio]~.icon-radio{left:calc(var(--f7-safe-area-left) + 10px);margin-top:-11px;position:absolute;top:50%}.ios label.item-radio:not(.item-radio-icon-start) .item-inner{padding-left:calc(var(--f7-safe-area-left) + 36px)}.ios label.item-radio-icon-start>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio,.md .icon-radio:after{transition-duration:.2s}.md .icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;content:"";height:10px;left:50%;margin-left:-5px;margin-top:-5px;position:absolute;top:50%;transform:scale(0);width:10px}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{overflow:hidden;position:relative;z-index:0}.md label.item-radio:not(.item-radio-icon-end)>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.md label.item-radio-icon-end input[type=radio]~.icon-radio{left:calc(var(--f7-safe-area-left) + 16px);margin-top:-10px;position:absolute;top:50%}.md label.item-radio-icon-end .item-inner{padding-left:calc(var(--f7-safe-area-left) + 52px)}