framework7 7.0.9 → 8.0.0-beta.1

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

@@ -3,7 +3,6 @@ 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]);
@@ -15,16 +14,16 @@ class PullToRefresh extends Framework7Class {
     ptr.$el = $el;
     ptr.el = $el[0];
     ptr.app = app;
-    ptr.bottom = ptr.$el.hasClass('ptr-bottom'); // Extend defaults with modules params
+    ptr.bottom = ptr.$el.hasClass('ptr-bottom');
 
+    // Extend defaults with modules params
     ptr.useModulesParams({});
     const isMaterial = app.theme === 'md';
     const isIos = app.theme === 'ios';
-    const isAurora = app.theme === 'aurora'; // Done
 
+    // Done
     ptr.done = function done() {
       const $transitionTarget = isMaterial ? $preloaderEl : $el;
-
       const onTranstionEnd = e => {
         if ($(e.target).closest($preloaderEl).length) return;
         $el.removeClass('ptr-transitioning ptr-pull-up ptr-pull-down ptr-closing');
@@ -32,23 +31,22 @@ class PullToRefresh extends Framework7Class {
         ptr.emit('local::done ptrDone', $el[0]);
         $transitionTarget.off('transitionend', onTranstionEnd);
       };
-
       $transitionTarget.on('transitionend', onTranstionEnd);
       $el.removeClass('ptr-refreshing').addClass('ptr-transitioning ptr-closing');
       return ptr;
     };
-
     ptr.refresh = function refresh() {
       if ($el.hasClass('ptr-refreshing')) return ptr;
       $el.addClass('ptr-transitioning ptr-refreshing');
       $el.trigger('ptr:refresh', ptr.done);
       ptr.emit('local::refresh ptrRefresh', $el[0], ptr.done);
       return ptr;
-    }; // Mousewheel
-
+    };
 
-    ptr.mousewheel = $el.attr('data-ptr-mousewheel') === 'true'; // Events handling
+    // Mousewheel
+    ptr.mousewheel = $el.attr('data-ptr-mousewheel') === 'true';
 
+    // Events handling
     let touchId;
     let isTouched;
     let isMoved;
@@ -72,15 +70,12 @@ class PullToRefresh extends Framework7Class {
     const $pageEl = $el.parents('.page');
     if ($pageEl.find('.navbar').length > 0 || $pageEl.parents('.view').children('.navbars').length > 0) hasNavbar = true;
     if ($pageEl.hasClass('no-navbar')) hasNavbar = false;
-
     if (!ptr.bottom) {
       const pageNavbarEl = app.navbar.getElByPage($pageEl[0]);
-
       if (pageNavbarEl) {
         const $pageNavbarEl = $(pageNavbarEl);
         const isLargeTransparent = $pageNavbarEl.hasClass('navbar-large-transparent') || $pageNavbarEl.hasClass('navbar-large') && $pageNavbarEl.hasClass('navbar-transparent');
         const isTransparent = $pageNavbarEl.hasClass('navbar-transparent') && !$pageNavbarEl.hasClass('navbar-large');
-
         if (isLargeTransparent) {
           $el.addClass('ptr-with-navbar-large-transparent');
         } else if (isTransparent) {
@@ -88,24 +83,20 @@ class PullToRefresh extends Framework7Class {
         }
       }
     }
+    if (!hasNavbar && !ptr.bottom) $el.addClass('ptr-no-navbar');
 
-    if (!hasNavbar && !ptr.bottom) $el.addClass('ptr-no-navbar'); // Define trigger distance
-
+    // Define trigger distance
     if ($el.attr('data-ptr-distance')) {
       dynamicTriggerDistance = true;
     } else if (isMaterial) {
       triggerDistance = 66;
     } else if (isIos) {
       triggerDistance = 44;
-    } else if (isAurora) {
-      triggerDistance = 38;
     }
-
     function setPreloaderProgress(progress) {
       if (progress === void 0) {
         progress = 0;
       }
-
       const $bars = $preloaderEl.find('.preloader-inner-line');
       const perBarProgress = 1 / $bars.length;
       $bars.forEach((barEl, barIndex) => {
@@ -113,22 +104,18 @@ class PullToRefresh extends Framework7Class {
         barEl.style.opacity = Math.max(Math.min(barProgress, 1), 0) * 0.27;
       });
     }
-
     function unsetPreloaderProgress() {
       $preloaderEl.find('.preloader-inner-line').css('opacity', '');
     }
-
     function handleTouchStart(e) {
       if (isTouched) {
         if (device.os === 'android') {
           if ('targetTouches' in e && e.targetTouches.length > 1) return;
         } else return;
       }
-
       if ($el.hasClass('ptr-refreshing')) {
         return;
       }
-
       if ($(e.target).closest('.sortable-handler, .ptr-ignore, .card-expandable.card-opened').length) return;
       isMoved = false;
       pullStarted = false;
@@ -139,13 +126,11 @@ class PullToRefresh extends Framework7Class {
       touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
       touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
     }
-
     function handleTouchMove(e) {
       if (!isTouched) return;
       let pageX;
       let pageY;
       let touch;
-
       if (e.type === 'touchmove') {
         if (touchId && e.touches) {
           for (let i = 0; i < e.touches.length; i += 1) {
@@ -154,7 +139,6 @@ class PullToRefresh extends Framework7Class {
             }
           }
         }
-
         if (!touch) touch = e.targetTouches[0];
         pageX = touch.pageX;
         pageY = touch.pageY;
@@ -162,98 +146,75 @@ class PullToRefresh extends Framework7Class {
         pageX = e.pageX;
         pageY = e.pageY;
       }
-
       if (!pageX || !pageY) return;
-
       if (typeof isScrolling === 'undefined') {
         isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));
       }
-
       if (!isScrolling) {
         isTouched = false;
         return;
       }
-
       scrollTop = $el[0].scrollTop;
-
       if (!isMoved) {
         $el.removeClass('ptr-transitioning');
-
         if (isIos) {
           setPreloaderProgress(0);
         }
-
         let targetIsScrollable;
         scrollHeight = $el[0].scrollHeight;
         offsetHeight = $el[0].offsetHeight;
-
         if (ptr.bottom) {
           maxScrollTop = scrollHeight - offsetHeight;
         }
-
         if (scrollTop > scrollHeight) {
           isTouched = false;
           return;
         }
-
         const $ptrWatchScrollable = $(e.target).closest('.ptr-watch-scroll');
-
         if ($ptrWatchScrollable.length) {
           $ptrWatchScrollable.each(ptrScrollableEl => {
             if (ptrScrollableEl === el) return;
-
             if (ptrScrollableEl.scrollHeight > ptrScrollableEl.offsetHeight && $(ptrScrollableEl).css('overflow') === 'auto' && (!ptr.bottom && ptrScrollableEl.scrollTop > 0 || ptr.bottom && ptrScrollableEl.scrollTop < ptrScrollableEl.scrollHeight - ptrScrollableEl.offsetHeight)) {
               targetIsScrollable = true;
             }
           });
         }
-
         if (targetIsScrollable) {
           isTouched = false;
           return;
         }
-
         if (dynamicTriggerDistance) {
           triggerDistance = $el.attr('data-ptr-distance');
           if (triggerDistance.indexOf('%') >= 0) triggerDistance = scrollHeight * parseInt(triggerDistance, 10) / 100;
         }
-
         startTranslate = $el.hasClass('ptr-refreshing') ? triggerDistance : 0;
-
         if (scrollHeight === offsetHeight || device.os !== 'ios' || isMaterial) {
           useTranslate = true;
         } else {
           useTranslate = false;
         }
-
         forceUseTranslate = false;
       }
-
       isMoved = true;
       touchesDiff = pageY - touchesStart.y;
       if (typeof wasScrolled === 'undefined' && (ptr.bottom ? scrollTop !== maxScrollTop : scrollTop !== 0)) wasScrolled = true;
       const ptrStarted = ptr.bottom ? touchesDiff < 0 && scrollTop >= maxScrollTop || scrollTop > maxScrollTop : touchesDiff > 0 && scrollTop <= 0 || scrollTop < 0;
-
       if (ptrStarted) {
         // iOS 8 fix
         if (device.os === 'ios' && parseInt(device.osVersion.split('.')[0], 10) > 7) {
           if (!ptr.bottom && scrollTop === 0 && !wasScrolled) useTranslate = true;
           if (ptr.bottom && scrollTop === maxScrollTop && !wasScrolled) useTranslate = true;
         }
-
         if (!useTranslate && ptr.bottom && !isMaterial) {
           $el.css('-webkit-overflow-scrolling', 'auto');
           $el.scrollTop(maxScrollTop);
           forceUseTranslate = true;
         }
-
         if (useTranslate || forceUseTranslate) {
           if (e.cancelable) {
             e.preventDefault();
           }
-
           translate = (ptr.bottom ? -1 * Math.abs(touchesDiff) ** 0.85 : touchesDiff ** 0.85) + startTranslate;
-
           if (isMaterial) {
             $preloaderEl.transform(`translate3d(0,${translate}px,0)`).find('.ptr-arrow').transform(`rotate(${180 * (Math.abs(touchesDiff) / 66) + 100}deg)`);
           } else {
@@ -264,7 +225,6 @@ class PullToRefresh extends Framework7Class {
               // eslint-disable-next-line
               $el.transform(`translate3d(0,${translate}px,0)`);
             }
-
             if (isIos) {
               $preloaderEl.transform(`translate3d(0,0px,0)`);
             }
@@ -272,14 +232,11 @@ class PullToRefresh extends Framework7Class {
         } else if (isIos && !ptr.bottom) {
           $preloaderEl.transform(`translate3d(0,${scrollTop}px,0)`);
         }
-
         let progress;
-
         if (isIos && !refresh) {
           progress = useTranslate || forceUseTranslate ? Math.abs(touchesDiff) ** 0.85 / triggerDistance : Math.abs(touchesDiff) / (triggerDistance * 2);
           setPreloaderProgress(progress);
         }
-
         if ((useTranslate || forceUseTranslate) && Math.abs(touchesDiff) ** 0.85 > triggerDistance || !useTranslate && Math.abs(touchesDiff) >= triggerDistance * 2) {
           refresh = true;
           $el.addClass('ptr-pull-up').removeClass('ptr-pull-down');
@@ -288,13 +245,11 @@ class PullToRefresh extends Framework7Class {
           refresh = false;
           $el.removeClass('ptr-pull-up').addClass('ptr-pull-down');
         }
-
         if (!pullStarted) {
           $el.trigger('ptr:pullstart');
           ptr.emit('local::pullStart ptrPullStart', $el[0]);
           pullStarted = true;
         }
-
         $el.trigger('ptr:pullmove', {
           event: e,
           scrollTop,
@@ -313,7 +268,6 @@ class PullToRefresh extends Framework7Class {
         refresh = false;
       }
     }
-
     function handleTouchEnd(e) {
       if (e.type === 'touchend' && e.changedTouches && e.changedTouches.length > 0 && touchId) {
         if (e.changedTouches[0].identifier !== touchId) {
@@ -324,34 +278,28 @@ class PullToRefresh extends Framework7Class {
           return;
         }
       }
-
       if (!isTouched || !isMoved) {
         isTouched = false;
         isMoved = false;
         return;
       }
-
       if (translate) {
         $el.addClass('ptr-transitioning');
         translate = 0;
       }
-
       if (isMaterial) {
         $preloaderEl.transform('').find('.ptr-arrow').transform('');
       } else {
         $preloaderEl.transform('');
-
         if (ptr.bottom || isIos) {
           $el.children().transform('');
         } else {
           $el.transform('');
         }
       }
-
       if (!useTranslate && ptr.bottom && !isMaterial) {
         $el.css('-webkit-overflow-scrolling', '');
       }
-
       if (refresh) {
         $el.addClass('ptr-refreshing');
         $el.trigger('ptr:refresh', ptr.done);
@@ -359,43 +307,35 @@ class PullToRefresh extends Framework7Class {
       } else {
         $el.removeClass('ptr-pull-down');
       }
-
       isTouched = false;
       isMoved = false;
-
       if (pullStarted) {
         $el.trigger('ptr:pullend');
         ptr.emit('local::pullEnd ptrPullEnd', $el[0]);
       }
     }
-
     let mousewheelTimeout;
     let mousewheelMoved;
     let mousewheelAllow = true;
     let mousewheelTranslate = 0;
-
     function handleMouseWheelRelease() {
       mousewheelAllow = true;
       mousewheelMoved = false;
       mousewheelTranslate = 0;
-
       if (translate) {
         $el.addClass('ptr-transitioning');
         translate = 0;
       }
-
       if (isMaterial) {
         $preloaderEl.transform('').find('.ptr-arrow').transform('');
       } else {
         $preloaderEl.transform('');
-
         if (ptr.bottom) {
           $el.children().transform('');
         } else {
           $el.transform('');
         }
       }
-
       if (refresh) {
         $el.addClass('ptr-refreshing');
         $el.trigger('ptr:refresh', ptr.done);
@@ -403,13 +343,11 @@ class PullToRefresh extends Framework7Class {
       } else {
         $el.removeClass('ptr-pull-down');
       }
-
       if (pullStarted) {
         $el.trigger('ptr:pullend');
         ptr.emit('local::pullEnd ptrPullEnd', $el[0]);
       }
     }
-
     function handleMouseWheel(e) {
       if (!mousewheelAllow) return;
       const {
@@ -417,77 +355,60 @@ class PullToRefresh extends Framework7Class {
         deltaY
       } = e;
       if (Math.abs(deltaX) > Math.abs(deltaY)) return;
-
       if ($el.hasClass('ptr-refreshing')) {
         return;
       }
-
       if ($(e.target).closest('.sortable-handler, .ptr-ignore, .card-expandable.card-opened').length) return;
       clearTimeout(mousewheelTimeout);
       scrollTop = $el[0].scrollTop;
-
       if (!mousewheelMoved) {
         $el.removeClass('ptr-transitioning');
-
         if (isIos) {
           setPreloaderProgress(0);
         }
-
         let targetIsScrollable;
         scrollHeight = $el[0].scrollHeight;
         offsetHeight = $el[0].offsetHeight;
-
         if (ptr.bottom) {
           maxScrollTop = scrollHeight - offsetHeight;
         }
-
         if (scrollTop > scrollHeight) {
           mousewheelAllow = false;
           return;
         }
-
         const $ptrWatchScrollable = $(e.target).closest('.ptr-watch-scroll');
-
         if ($ptrWatchScrollable.length) {
           $ptrWatchScrollable.each(ptrScrollableEl => {
             if (ptrScrollableEl === el) return;
-
             if (ptrScrollableEl.scrollHeight > ptrScrollableEl.offsetHeight && $(ptrScrollableEl).css('overflow') === 'auto' && (!ptr.bottom && ptrScrollableEl.scrollTop > 0 || ptr.bottom && ptrScrollableEl.scrollTop < ptrScrollableEl.scrollHeight - ptrScrollableEl.offsetHeight)) {
               targetIsScrollable = true;
             }
           });
         }
-
         if (targetIsScrollable) {
           mousewheelAllow = false;
           return;
         }
-
         if (dynamicTriggerDistance) {
           triggerDistance = $el.attr('data-ptr-distance');
           if (triggerDistance.indexOf('%') >= 0) triggerDistance = scrollHeight * parseInt(triggerDistance, 10) / 100;
         }
       }
-
       isMoved = true;
       mousewheelTranslate -= deltaY;
       touchesDiff = mousewheelTranslate; // pageY - touchesStart.y;
 
       if (typeof wasScrolled === 'undefined' && (ptr.bottom ? scrollTop !== maxScrollTop : scrollTop !== 0)) wasScrolled = true;
       const ptrStarted = ptr.bottom ? touchesDiff < 0 && scrollTop >= maxScrollTop || scrollTop > maxScrollTop : touchesDiff > 0 && scrollTop <= 0 || scrollTop < 0;
-
       if (ptrStarted) {
         if (e.cancelable) {
           e.preventDefault();
         }
-
         translate = touchesDiff;
-
         if (Math.abs(translate) > triggerDistance) {
           translate = triggerDistance + (Math.abs(translate) - triggerDistance) ** 0.7;
           if (ptr.bottom) translate = -translate;
         }
-
         if (isMaterial) {
           $preloaderEl.transform(`translate3d(0,${translate}px,0)`).find('.ptr-arrow').transform(`rotate(${180 * (Math.abs(touchesDiff) / 66) + 100}deg)`);
         } else {
@@ -496,20 +417,16 @@ class PullToRefresh extends Framework7Class {
             $el.children().transform(`translate3d(0,${translate}px,0)`);
           } else {
             $el.transform(`translate3d(0,${translate}px,0)`);
-
             if (isIos) {
               $preloaderEl.transform(`translate3d(0,${-translate}px,0)`);
             }
           }
         }
-
         let progress;
-
         if (isIos && !refresh) {
           progress = Math.abs(translate) / triggerDistance;
           setPreloaderProgress(progress);
         }
-
         if (Math.abs(translate) > triggerDistance) {
           refresh = true;
           $el.addClass('ptr-pull-up').removeClass('ptr-pull-down');
@@ -518,13 +435,11 @@ class PullToRefresh extends Framework7Class {
           refresh = false;
           $el.removeClass('ptr-pull-up').addClass('ptr-pull-down');
         }
-
         if (!pullStarted) {
           $el.trigger('ptr:pullstart');
           ptr.emit('local::pullStart ptrPullStart', $el[0]);
           pullStarted = true;
         }
-
         $el.trigger('ptr:pullmove', {
           event: e,
           scrollTop,
@@ -542,13 +457,12 @@ class PullToRefresh extends Framework7Class {
         $el.removeClass('ptr-pull-up ptr-pull-down');
         refresh = false;
       }
-
       mousewheelTimeout = setTimeout(handleMouseWheelRelease, 300);
     }
-
     if (!$pageEl.length || !$el.length) return ptr;
-    $el[0].f7PullToRefresh = ptr; // Events
+    $el[0].f7PullToRefresh = ptr;
 
+    // Events
     ptr.attachEvents = function attachEvents() {
       const passive = support.passiveListener ? {
         passive: true
@@ -556,12 +470,10 @@ class PullToRefresh extends Framework7Class {
       $el.on(app.touchEvents.start, handleTouchStart, passive);
       app.on('touchmove:active', handleTouchMove);
       app.on('touchend:passive', handleTouchEnd);
-
       if (ptr.mousewheel && !ptr.bottom) {
         $el.on('wheel', handleMouseWheel);
       }
     };
-
     ptr.detachEvents = function detachEvents() {
       const passive = support.passiveListener ? {
         passive: true
@@ -569,24 +481,22 @@ class PullToRefresh extends Framework7Class {
       $el.off(app.touchEvents.start, handleTouchStart, passive);
       app.off('touchmove:active', handleTouchMove);
       app.off('touchend:passive', handleTouchEnd);
-
       if (ptr.mousewheel && !ptr.bottom) {
         $el.off('wheel', handleMouseWheel);
       }
-    }; // Install Modules
-
+    };
 
-    ptr.useModules(); // Init
+    // Install Modules
+    ptr.useModules();
 
+    // Init
     ptr.init();
     return ptr;
   }
-
   init() {
     const ptr = this;
     ptr.attachEvents();
   }
-
   destroy() {
     let ptr = this;
     ptr.emit('local::beforeDestroy ptrBeforeDestroy', ptr);
@@ -596,7 +506,5 @@ class PullToRefresh extends Framework7Class {
     deleteProps(ptr);
     ptr = null;
   }
-
 }
-
 export default PullToRefresh;

package/components/pull-to-refresh/pull-to-refresh-md.less

@@ -7,7 +7,8 @@
 
     margin-top: calc(-1 * var(--f7-ptr-size));
     z-index: 100;
-    box-shadow: var(--f7-elevation-1);
+    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
+      0px 1px 3px 0px rgba(0, 0, 0, 0.12);
     .ltr({
       left: 50%;
       margin-left: calc(-1 * var(--f7-ptr-size) / 2);

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}.aurora{--f7-ptr-preloader-size:20px;--f7-ptr-size:38px}.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:#fff;margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1);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}.aurora .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.aurora .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform,opacity;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.aurora .ptr-arrow: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%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:8px;content:'ptr_arrow_ios'}.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader,.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader-inner{animation:none}.aurora .ptr-refreshing,.aurora .ptr-transitioning{transition-duration:.3s;transition-property:transform}.aurora .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.aurora .ptr-refreshing .ptr-arrow{visibility:hidden}.aurora .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.aurora .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-no-navbar,.aurora .ptr-with-navbar-large-transparent,.aurora .ptr-with-navbar-transparent{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.aurora .ptr-no-navbar .ptr-preloader,.aurora .ptr-with-navbar-large-transparent .ptr-preloader,.aurora .ptr-with-navbar-transparent .ptr-preloader{margin-top:0}.aurora .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.aurora .ptr-bottom.ptr-refreshing>*,.aurora .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.aurora .ptr-bottom.ptr-refreshing{transform:none}.aurora .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.aurora .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.aurora .ptr-with-navbar-large-transparent .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent .ptr-preloader .ptr-arrow{opacity:0;transition-duration:.3s;transition-property:transform,opacity}.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader .ptr-arrow{opacity:1}.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent.ptr-closing .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent.ptr-closing .ptr-preloader .ptr-arrow{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}.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:#fff;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}

package/components/pull-to-refresh/pull-to-refresh-vars.less

@@ -8,7 +8,3 @@
   --f7-ptr-preloader-size: 22px;
   --f7-ptr-size: 40px;
 });
-.aurora-vars({
-  --f7-ptr-preloader-size: 20px;
-  --f7-ptr-size: 38px;
-});

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}.aurora{--f7-ptr-preloader-size:20px;--f7-ptr-size:38px}.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:#fff;margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1);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}.aurora .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.aurora .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform,opacity;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.aurora .ptr-arrow: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%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:8px;content:'ptr_arrow_ios'}.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader,.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader-inner{animation:none}.aurora .ptr-refreshing,.aurora .ptr-transitioning{transition-duration:.3s;transition-property:transform}.aurora .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.aurora .ptr-refreshing .ptr-arrow{visibility:hidden}.aurora .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.aurora .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-no-navbar,.aurora .ptr-with-navbar-large-transparent,.aurora .ptr-with-navbar-transparent{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.aurora .ptr-no-navbar .ptr-preloader,.aurora .ptr-with-navbar-large-transparent .ptr-preloader,.aurora .ptr-with-navbar-transparent .ptr-preloader{margin-top:0}.aurora .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.aurora .ptr-bottom.ptr-refreshing>*,.aurora .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.aurora .ptr-bottom.ptr-refreshing{transform:none}.aurora .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.aurora .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.aurora .ptr-with-navbar-large-transparent .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent .ptr-preloader .ptr-arrow{opacity:0;transition-duration:.3s;transition-property:transform,opacity}.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader .ptr-arrow{opacity:1}.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .preloader,.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .ptr-arrow,.aurora .ptr-with-navbar-transparent.ptr-closing .ptr-preloader .preloader,.aurora .ptr-with-navbar-transparent.ptr-closing .ptr-preloader .ptr-arrow{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}.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:#fff;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}