framework7 6.3.4 → 7.0.0-beta.3

package/components/grid/grid.js

@@ -1 +1,227 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var r=e.$,a=e.utils,i=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,a.extend);function s(e,t){var r=t.css("min-"+e);return"auto"===r||"none"===r?r=0:r.indexOf("px")>=0?r=parseFloat(r):r.indexOf("%")>=0&&(r=t.parent()[0]["height"===e?"offsetHeight":"offsetWidth"]*parseFloat(r)/100),r}function o(e,t){var r=t.css("max-"+e);return"auto"===r||"none"===r?r=null:r.indexOf("px")>=0?r=parseFloat(r):r.indexOf("%")>=0&&(r=t.parent()[0]["height"===e?"offsetHeight":"offsetWidth"]*parseFloat(r)/100),r}var n={init:function(){var e,t,a,i,n,l,g,d,h,c,p,f,u,v,z,m,x,b=this;r(document).on(b.touchEvents.start,".col > .resize-handler, .row > .resize-handler",(function(s){e||t||(n=r(s.target).closest(".resize-handler"),a="touchstart"===s.type?s.targetTouches[0].pageX:s.pageX,i="touchstart"===s.type?s.targetTouches[0].pageY:s.pageY,e=!0,l=void 0,g=void 0,x=void 0)})),b.on("touchmove",(function(r){if(e){var w=1===n.parent(".row").length,y=w?"height":"width",C=w?"offsetHeight":"offsetWidth";t||(!(l=n.parent(w?".row":".col")).length||l.hasClass("resizable")&&!l.hasClass("resizable-fixed")||(l=l.prevAll(".resizable:not(.resizable-fixed)").eq(0)),!(g=l.next(w?".row":".col")).length||g.hasClass("resizable")&&!g.hasClass("resizable-fixed")||(g=g.nextAll(".resizable:not(.resizable-fixed)").eq(0)),l.length&&(d=l[0][C],h=s(y,l),c=o(y,l),v=l.parent()[0][C],z=l.parent().children(w?".row":'[class*="col-"], .col').length,m=parseFloat(l.css(w?"--f7-grid-row-gap":"--f7-grid-gap"))),g.length&&(p=g[0][C],f=s(y,g),u=o(y,g),l.length||(v=g.parent()[0][C],z=g.parent().children(w?".row":'[class*="col-"], .col').length,m=parseFloat(g.css(w?"--f7-grid-row-gap":"--f7-grid-gap"))))),t=!0;var M="touchmove"===r.type?r.targetTouches[0].pageX:r.pageX,F="touchmove"===r.type?r.targetTouches[0].pageY:r.pageY;if(void 0!==x||w||(x=!!(x||Math.abs(F-i)>Math.abs(M-a))),x)return e=!1,void(t=!1);var O=l.hasClass("resizable-absolute")||g.hasClass("resizable-absolute"),R=!w||w&&!O;if(R&&!g.length||!l.length)return e=!1,void(t=!1);r.preventDefault();var T,X,Y=w?F-i:M-a;if(l.length&&((T=d+Y)<h&&(Y=(T=h)-d),c&&T>c&&(Y=(T=c)-d)),g.length&&R&&((X=p-Y)<f&&(T=d+(Y=p-(X=f))),u&&X>u&&(T=d+(Y=p-(X=u)))),O)return l[0].style[y]=T+"px",R&&(g[0].style[y]=X+"px"),l.trigger("grid:resize"),g.trigger("grid:resize"),b.emit("gridResize",l[0]),void b.emit("gridResize",g[0]);var H=(z-1)*m/z,W=w?z-1+" * var(--f7-grid-row-gap) / "+z:"(var(--f7-cols-per-row) - 1) * var(--f7-grid-gap) / var(--f7-cols-per-row)",q=T+H,A=X+H;l[0].style[y]="calc("+q/v*100+"% - "+W+")",g[0].style[y]="calc("+A/v*100+"% - "+W+")",l.trigger("grid:resize"),g.trigger("grid:resize"),b.emit("gridResize",l[0]),b.emit("gridResize",g[0])}})),b.on("touchend",(function(){e&&(t||(e=!1),e=!1,t=!1)}))}},l={name:"grid",create:function(){i(this,{grid:{init:n.init.bind(this)}})},on:{init:function(){this.grid.init()}}};if(t){if(e.prototype.modules&&e.prototype.modules[l.name])return;e.use(l),e.instance&&(e.instance.useModuleParams(l,e.instance.params),e.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+import { getDocument } from 'ssr-window';
+import $ from '../../shared/dom7';
+import { extend } from '../../shared/utils';
+
+function getElMinSize(dimension, $el) {
+  let minSize = $el.css(`min-${dimension}`);
+
+  if (minSize === 'auto' || minSize === 'none') {
+    minSize = 0;
+  } else if (minSize.indexOf('px') >= 0) {
+    minSize = parseFloat(minSize);
+  } else if (minSize.indexOf('%') >= 0) {
+    minSize = $el.parent()[0][dimension === 'height' ? 'offsetHeight' : 'offsetWidth'] * parseFloat(minSize) / 100;
+  }
+
+  return minSize;
+}
+
+function getElMaxSize(dimension, $el) {
+  let maxSize = $el.css(`max-${dimension}`);
+
+  if (maxSize === 'auto' || maxSize === 'none') {
+    maxSize = null;
+  } else if (maxSize.indexOf('px') >= 0) {
+    maxSize = parseFloat(maxSize);
+  } else if (maxSize.indexOf('%') >= 0) {
+    maxSize = $el.parent()[0][dimension === 'height' ? 'offsetHeight' : 'offsetWidth'] * parseFloat(maxSize) / 100;
+  }
+
+  return maxSize;
+}
+
+const Grid = {
+  init() {
+    const app = this;
+    let isTouched;
+    let isMoved;
+    let touchStartX;
+    let touchStartY;
+    let $resizeHandlerEl;
+    let $prevResizableEl;
+    let $nextResizableEl;
+    let prevElSize;
+    let prevElMinSize;
+    let prevElMaxSize;
+    let nextElSize;
+    let nextElMinSize;
+    let nextElMaxSize;
+    let parentSize;
+    let itemsInFlow;
+    let gapSize;
+    let isScrolling;
+
+    function handleTouchStart(e) {
+      if (isTouched || isMoved) return;
+      $resizeHandlerEl = $(e.target).closest('.resize-handler');
+      touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+      touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+      isTouched = true;
+      $prevResizableEl = undefined;
+      $nextResizableEl = undefined;
+      isScrolling = undefined;
+    }
+
+    function handleTouchMove(e) {
+      if (!isTouched) return;
+      const isRow = $resizeHandlerEl.parent('.row').length === 1;
+      const sizeProp = isRow ? 'height' : 'width';
+      const getSizeProp = isRow ? 'offsetHeight' : 'offsetWidth';
+
+      if (!isMoved) {
+        $prevResizableEl = $resizeHandlerEl.parent(isRow ? '.row' : '.col');
+
+        if ($prevResizableEl.length && (!$prevResizableEl.hasClass('resizable') || $prevResizableEl.hasClass('resizable-fixed'))) {
+          $prevResizableEl = $prevResizableEl.prevAll('.resizable:not(.resizable-fixed)').eq(0);
+        }
+
+        $nextResizableEl = $prevResizableEl.next(isRow ? '.row' : '.col');
+
+        if ($nextResizableEl.length && (!$nextResizableEl.hasClass('resizable') || $nextResizableEl.hasClass('resizable-fixed'))) {
+          $nextResizableEl = $nextResizableEl.nextAll('.resizable:not(.resizable-fixed)').eq(0);
+        }
+
+        if ($prevResizableEl.length) {
+          prevElSize = $prevResizableEl[0][getSizeProp];
+          prevElMinSize = getElMinSize(sizeProp, $prevResizableEl);
+          prevElMaxSize = getElMaxSize(sizeProp, $prevResizableEl);
+          parentSize = $prevResizableEl.parent()[0][getSizeProp];
+          itemsInFlow = $prevResizableEl.parent().children(isRow ? '.row' : '[class*="col-"], .col').length;
+          gapSize = parseFloat($prevResizableEl.css(isRow ? '--f7-grid-row-gap' : '--f7-grid-gap'));
+        }
+
+        if ($nextResizableEl.length) {
+          nextElSize = $nextResizableEl[0][getSizeProp];
+          nextElMinSize = getElMinSize(sizeProp, $nextResizableEl);
+          nextElMaxSize = getElMaxSize(sizeProp, $nextResizableEl);
+
+          if (!$prevResizableEl.length) {
+            parentSize = $nextResizableEl.parent()[0][getSizeProp];
+            itemsInFlow = $nextResizableEl.parent().children(isRow ? '.row' : '[class*="col-"], .col').length;
+            gapSize = parseFloat($nextResizableEl.css(isRow ? '--f7-grid-row-gap' : '--f7-grid-gap'));
+          }
+        }
+      }
+
+      isMoved = true;
+      const touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+      const touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+
+      if (typeof isScrolling === 'undefined' && !isRow) {
+        isScrolling = !!(isScrolling || Math.abs(touchCurrentY - touchStartY) > Math.abs(touchCurrentX - touchStartX));
+      }
+
+      if (isScrolling) {
+        isTouched = false;
+        isMoved = false;
+        return;
+      }
+
+      const isAbsolute = $prevResizableEl.hasClass('resizable-absolute') || $nextResizableEl.hasClass('resizable-absolute');
+      const resizeNextEl = !isRow || isRow && !isAbsolute;
+
+      if (resizeNextEl && !$nextResizableEl.length || !$prevResizableEl.length) {
+        isTouched = false;
+        isMoved = false;
+        return;
+      }
+
+      e.preventDefault();
+      let diff = isRow ? touchCurrentY - touchStartY : touchCurrentX - touchStartX;
+      let prevElNewSize;
+      let nextElNewSize;
+
+      if ($prevResizableEl.length) {
+        prevElNewSize = prevElSize + diff;
+
+        if (prevElNewSize < prevElMinSize) {
+          prevElNewSize = prevElMinSize;
+          diff = prevElNewSize - prevElSize;
+        }
+
+        if (prevElMaxSize && prevElNewSize > prevElMaxSize) {
+          prevElNewSize = prevElMaxSize;
+          diff = prevElNewSize - prevElSize;
+        }
+      }
+
+      if ($nextResizableEl.length && resizeNextEl) {
+        nextElNewSize = nextElSize - diff;
+
+        if (nextElNewSize < nextElMinSize) {
+          nextElNewSize = nextElMinSize;
+          diff = nextElSize - nextElNewSize;
+          prevElNewSize = prevElSize + diff;
+        }
+
+        if (nextElMaxSize && nextElNewSize > nextElMaxSize) {
+          nextElNewSize = nextElMaxSize;
+          diff = nextElSize - nextElNewSize;
+          prevElNewSize = prevElSize + diff;
+        }
+      }
+
+      if (isAbsolute) {
+        $prevResizableEl[0].style[sizeProp] = `${prevElNewSize}px`;
+
+        if (resizeNextEl) {
+          $nextResizableEl[0].style[sizeProp] = `${nextElNewSize}px`;
+        }
+
+        $prevResizableEl.trigger('grid:resize');
+        $nextResizableEl.trigger('grid:resize');
+        app.emit('gridResize', $prevResizableEl[0]);
+        app.emit('gridResize', $nextResizableEl[0]);
+        return;
+      }
+
+      const gapAddSize = (itemsInFlow - 1) * gapSize / itemsInFlow;
+      const gapAddSizeCSS = isRow ? `${itemsInFlow - 1} * var(--f7-grid-row-gap) / ${itemsInFlow}` : '(var(--f7-cols-per-row) - 1) * var(--f7-grid-gap) / var(--f7-cols-per-row)';
+      const prevElNewSizeNormalized = prevElNewSize + gapAddSize;
+      const nextElNewSizeNormalized = nextElNewSize + gapAddSize;
+      $prevResizableEl[0].style[sizeProp] = `calc(${prevElNewSizeNormalized / parentSize * 100}% - ${gapAddSizeCSS})`;
+      $nextResizableEl[0].style[sizeProp] = `calc(${nextElNewSizeNormalized / parentSize * 100}% - ${gapAddSizeCSS})`;
+      $prevResizableEl.trigger('grid:resize');
+      $nextResizableEl.trigger('grid:resize');
+      app.emit('gridResize', $prevResizableEl[0]);
+      app.emit('gridResize', $nextResizableEl[0]);
+    }
+
+    function handleTouchEnd() {
+      if (!isTouched) return;
+
+      if (!isMoved) {
+        isTouched = false;
+      }
+
+      isTouched = false;
+      isMoved = false;
+    }
+
+    const document = getDocument();
+    $(document).on(app.touchEvents.start, '.col > .resize-handler, .row > .resize-handler', handleTouchStart);
+    app.on('touchmove', handleTouchMove);
+    app.on('touchend', handleTouchEnd);
+  }
+
+};
+export default {
+  name: 'grid',
+
+  create() {
+    const app = this;
+    extend(app, {
+      grid: {
+        init: Grid.init.bind(app)
+      }
+    });
+  },
+
+  on: {
+    init() {
+      const app = this;
+      app.grid.init();
+    }
+
+  }
+};

package/components/grid/grid.umd.js

@@ -0,0 +1 @@
+(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var r=e.$,s=e.utils,i=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,s.extend);function a(e,t){let r=t.css(`min-${e}`);return"auto"===r||"none"===r?r=0:r.indexOf("px")>=0?r=parseFloat(r):r.indexOf("%")>=0&&(r=t.parent()[0]["height"===e?"offsetHeight":"offsetWidth"]*parseFloat(r)/100),r}function o(e,t){let r=t.css(`max-${e}`);return"auto"===r||"none"===r?r=null:r.indexOf("px")>=0?r=parseFloat(r):r.indexOf("%")>=0&&(r=t.parent()[0]["height"===e?"offsetHeight":"offsetWidth"]*parseFloat(r)/100),r}const n={init(){const e=this;let t,s,i,n,l,g,h,c,d,p,f,u,v,z,m,x,b;const w=getDocument();r(w).on(e.touchEvents.start,".col > .resize-handler, .row > .resize-handler",(function(e){t||s||(l=r(e.target).closest(".resize-handler"),i="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,n="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,t=!0,g=void 0,h=void 0,b=void 0)})),e.on("touchmove",(function(r){if(!t)return;const w=1===l.parent(".row").length,$=w?"height":"width",y=w?"offsetHeight":"offsetWidth";s||(g=l.parent(w?".row":".col"),!g.length||g.hasClass("resizable")&&!g.hasClass("resizable-fixed")||(g=g.prevAll(".resizable:not(.resizable-fixed)").eq(0)),h=g.next(w?".row":".col"),!h.length||h.hasClass("resizable")&&!h.hasClass("resizable-fixed")||(h=h.nextAll(".resizable:not(.resizable-fixed)").eq(0)),g.length&&(c=g[0][y],d=a($,g),p=o($,g),z=g.parent()[0][y],m=g.parent().children(w?".row":'[class*="col-"], .col').length,x=parseFloat(g.css(w?"--f7-grid-row-gap":"--f7-grid-gap"))),h.length&&(f=h[0][y],u=a($,h),v=o($,h),g.length||(z=h.parent()[0][y],m=h.parent().children(w?".row":'[class*="col-"], .col').length,x=parseFloat(h.css(w?"--f7-grid-row-gap":"--f7-grid-gap"))))),s=!0;const C="touchmove"===r.type?r.targetTouches[0].pageX:r.pageX,M="touchmove"===r.type?r.targetTouches[0].pageY:r.pageY;if(void 0!==b||w||(b=!!(b||Math.abs(M-n)>Math.abs(C-i))),b)return t=!1,void(s=!1);const F=g.hasClass("resizable-absolute")||h.hasClass("resizable-absolute"),O=!w||w&&!F;if(O&&!h.length||!g.length)return t=!1,void(s=!1);r.preventDefault();let R,T,X=w?M-n:C-i;if(g.length&&(R=c+X,R<d&&(R=d,X=R-c),p&&R>p&&(R=p,X=R-c)),h.length&&O&&(T=f-X,T<u&&(T=u,X=f-T,R=c+X),v&&T>v&&(T=v,X=f-T,R=c+X)),F)return g[0].style[$]=`${R}px`,O&&(h[0].style[$]=`${T}px`),g.trigger("grid:resize"),h.trigger("grid:resize"),e.emit("gridResize",g[0]),void e.emit("gridResize",h[0]);const Y=(m-1)*x/m,D=w?`${m-1} * var(--f7-grid-row-gap) / ${m}`:"(var(--f7-cols-per-row) - 1) * var(--f7-grid-gap) / var(--f7-cols-per-row)",H=R+Y,W=T+Y;g[0].style[$]=`calc(${H/z*100}% - ${D})`,h[0].style[$]=`calc(${W/z*100}% - ${D})`,g.trigger("grid:resize"),h.trigger("grid:resize"),e.emit("gridResize",g[0]),e.emit("gridResize",h[0])})),e.on("touchend",(function(){t&&(s||(t=!1),t=!1,s=!1)}))}};var l={name:"grid",create(){i(this,{grid:{init:n.init.bind(this)}})},on:{init(){this.grid.init()}}};if(t){if(e.prototype.modules&&e.prototype.modules[l.name])return;e.use(l),e.instance&&(e.instance.useModuleParams(l,e.instance.params),e.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/infinite-scroll/infinite-scroll.js

@@ -1 +1,110 @@
-(function framework7ComponentLoader(n,i){void 0===i&&(i=!0);var e=n.$,t=n.utils,o=(n.getDevice,n.getSupport,n.Class,n.Modal,n.ConstructorMethods,n.ModalMethods,t.bindMethods),r={handle:function(n,i){var t,o=e(n),r=o[0].scrollTop,l=o[0].scrollHeight,c=o[0].offsetHeight,f=o[0].getAttribute("data-infinite-distance"),a=o.find(".virtual-list"),s=o.hasClass("infinite-scroll-top");if(f||(f=50),"string"==typeof f&&f.indexOf("%")>=0&&(f=parseInt(f,10)/100*c),f>c&&(f=c),s)r<f&&(o.trigger("infinite",i),this.emit("infinite",o[0],i));else if(r+c>=l-f){if(a.length>0&&(t=a.eq(-1)[0].f7VirtualList)&&!t.reachEnd&&!t.params.updatableScroll)return;o.trigger("infinite",i),this.emit("infinite",o[0],i)}},create:function(n){var i=e(n),t=this;function o(n){t.infiniteScroll.handle(this,n)}i.each((function(n){n.f7InfiniteScrollHandler=o,n.addEventListener("scroll",n.f7InfiniteScrollHandler)}))},destroy:function(n){e(n).each((function(n){n.removeEventListener("scroll",n.f7InfiniteScrollHandler),delete n.f7InfiniteScrollHandler}))}},l={name:"infiniteScroll",create:function(){o(this,{infiniteScroll:r})},on:{tabMounted:function(n){var i=this,t=e(n),o=t.find(".infinite-scroll-content");t.is(".infinite-scroll-content")&&o.add(t),o.each((function(n){i.infiniteScroll.create(n)}))},tabBeforeRemove:function(n){var i=e(n),t=this,o=i.find(".infinite-scroll-content");i.is(".infinite-scroll-content")&&o.add(i),o.each((function(n){t.infiniteScroll.destroy(n)}))},pageInit:function(n){var i=this;n.$el.find(".infinite-scroll-content").each((function(n){i.infiniteScroll.create(n)}))},pageBeforeRemove:function(n){var i=this;n.$el.find(".infinite-scroll-content").each((function(n){i.infiniteScroll.destroy(n)}))}}};if(i){if(n.prototype.modules&&n.prototype.modules[l.name])return;n.use(l),n.instance&&(n.instance.useModuleParams(l,n.instance.params),n.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+import $ from '../../shared/dom7';
+import { bindMethods } from '../../shared/utils';
+const InfiniteScroll = {
+  handle(el, e) {
+    const app = this;
+    const $el = $(el);
+    const scrollTop = $el[0].scrollTop;
+    const scrollHeight = $el[0].scrollHeight;
+    const height = $el[0].offsetHeight;
+    let distance = $el[0].getAttribute('data-infinite-distance');
+    const virtualListContainer = $el.find('.virtual-list');
+    let virtualList;
+    const onTop = $el.hasClass('infinite-scroll-top');
+    if (!distance) distance = 50;
+
+    if (typeof distance === 'string' && distance.indexOf('%') >= 0) {
+      distance = parseInt(distance, 10) / 100 * height;
+    }
+
+    if (distance > height) distance = height;
+
+    if (onTop) {
+      if (scrollTop < distance) {
+        $el.trigger('infinite', e);
+        app.emit('infinite', $el[0], e);
+      }
+    } else if (scrollTop + height >= scrollHeight - distance) {
+      if (virtualListContainer.length > 0) {
+        virtualList = virtualListContainer.eq(-1)[0].f7VirtualList;
+
+        if (virtualList && !virtualList.reachEnd && !virtualList.params.updatableScroll) {
+          return;
+        }
+      }
+
+      $el.trigger('infinite', e);
+      app.emit('infinite', $el[0], e);
+    }
+  },
+
+  create(el) {
+    const $el = $(el);
+    const app = this;
+
+    function scrollHandler(e) {
+      app.infiniteScroll.handle(this, e);
+    }
+
+    $el.each(element => {
+      element.f7InfiniteScrollHandler = scrollHandler;
+      element.addEventListener('scroll', element.f7InfiniteScrollHandler);
+    });
+  },
+
+  destroy(el) {
+    const $el = $(el);
+    $el.each(element => {
+      element.removeEventListener('scroll', element.f7InfiniteScrollHandler);
+      delete element.f7InfiniteScrollHandler;
+    });
+  }
+
+};
+export default {
+  name: 'infiniteScroll',
+
+  create() {
+    const app = this;
+    bindMethods(app, {
+      infiniteScroll: InfiniteScroll
+    });
+  },
+
+  on: {
+    tabMounted(tabEl) {
+      const app = this;
+      const $tabEl = $(tabEl);
+      const $isEls = $tabEl.find('.infinite-scroll-content');
+      if ($tabEl.is('.infinite-scroll-content')) $isEls.add($tabEl);
+      $isEls.each(el => {
+        app.infiniteScroll.create(el);
+      });
+    },
+
+    tabBeforeRemove(tabEl) {
+      const $tabEl = $(tabEl);
+      const app = this;
+      const $isEls = $tabEl.find('.infinite-scroll-content');
+      if ($tabEl.is('.infinite-scroll-content')) $isEls.add($tabEl);
+      $isEls.each(el => {
+        app.infiniteScroll.destroy(el);
+      });
+    },
+
+    pageInit(page) {
+      const app = this;
+      page.$el.find('.infinite-scroll-content').each(el => {
+        app.infiniteScroll.create(el);
+      });
+    },
+
+    pageBeforeRemove(page) {
+      const app = this;
+      page.$el.find('.infinite-scroll-content').each(el => {
+        app.infiniteScroll.destroy(el);
+      });
+    }
+
+  }
+};

package/components/infinite-scroll/infinite-scroll.umd.js

@@ -0,0 +1 @@
+(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var i=e.$,n=e.utils,o=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,n.bindMethods);const l={handle(e,t){const n=this,o=i(e),l=o[0].scrollTop,r=o[0].scrollHeight,s=o[0].offsetHeight;let c=o[0].getAttribute("data-infinite-distance");const a=o.find(".virtual-list");let f;const d=o.hasClass("infinite-scroll-top");if(c||(c=50),"string"==typeof c&&c.indexOf("%")>=0&&(c=parseInt(c,10)/100*s),c>s&&(c=s),d)l<c&&(o.trigger("infinite",t),n.emit("infinite",o[0],t));else if(l+s>=r-c){if(a.length>0&&(f=a.eq(-1)[0].f7VirtualList,f&&!f.reachEnd&&!f.params.updatableScroll))return;o.trigger("infinite",t),n.emit("infinite",o[0],t)}},create(e){const t=i(e),n=this;function o(e){n.infiniteScroll.handle(this,e)}t.each((e=>{e.f7InfiniteScrollHandler=o,e.addEventListener("scroll",e.f7InfiniteScrollHandler)}))},destroy(e){i(e).each((e=>{e.removeEventListener("scroll",e.f7InfiniteScrollHandler),delete e.f7InfiniteScrollHandler}))}};var r={name:"infiniteScroll",create(){o(this,{infiniteScroll:l})},on:{tabMounted(e){const t=this,n=i(e),o=n.find(".infinite-scroll-content");n.is(".infinite-scroll-content")&&o.add(n),o.each((e=>{t.infiniteScroll.create(e)}))},tabBeforeRemove(e){const t=i(e),n=this,o=t.find(".infinite-scroll-content");t.is(".infinite-scroll-content")&&o.add(t),o.each((e=>{n.infiniteScroll.destroy(e)}))},pageInit(e){const t=this;e.$el.find(".infinite-scroll-content").each((e=>{t.infiniteScroll.create(e)}))},pageBeforeRemove(e){const t=this;e.$el.find(".infinite-scroll-content").each((e=>{t.infiniteScroll.destroy(e)}))}}};if(t){if(e.prototype.modules&&e.prototype.modules[r.name])return;e.use(r),e.instance&&(e.instance.useModuleParams(r,e.instance.params),e.instance.useModule(r))}return r}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/input/input-rtl.css

@@ -1 +1 @@
-:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.3;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4;--f7-input-outline-height:40px;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px;--f7-input-outline-border-color:#bbb}:root .theme-dark,:root.theme-dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:3px;--f7-input-clear-button-size:14px;--f7-input-text-color:#000000;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff;--f7-input-info-text-color:rgba(255, 255, 255, 0.55);--f7-input-clear-button-color:rgba(255, 255, 255, 0.5)}.md{--f7-input-height:36px;--f7-input-font-size:16px;--f7-textarea-padding-vertical:7px;--f7-label-font-size:12px;--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:7px;--f7-input-clear-button-size:18px;--f7-input-clear-button-color:#aaa;--f7-input-text-color:#212121;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-input-info-text-color:rgba(0, 0, 0, 0.45)}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.45)}.aurora{--f7-input-height:32px;--f7-input-font-size:16px;--f7-textarea-padding-vertical:4px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:4px;--f7-input-clear-button-size:14px;--f7-input-outline-border-radius:8px;--f7-input-text-color:#000000;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-input-clear-button-color:rgba(0, 0, 0, 0.45);--f7-input-info-text-color:rgba(0, 0, 0, 0.5)}.aurora .theme-dark,.aurora.theme-dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:rgba(255, 255, 255, 0.5);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-input-info-text-color:rgba(255, 255, 255, 0.45)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=month],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=month]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=month]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local],.list input[type=month],.list input[type=time]{line-height:var(--f7-input-height)}.list input[type=date],.list input[type=datetime-local],.list input[type=month]{text-align:right;flex-direction:row-reverse;width:auto}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;right:var(--f7-input-padding-right);transform-origin:right center}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:flex;flex-direction:column;align-items:flex-start}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none;box-sizing:border-box}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-right:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);left:0}.input-clear-button: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}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-clear-button.active-state{opacity:.75!important}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;left:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-left:calc(20px + var(--f7-input-padding-left))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{left:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-left:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{left:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{right:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{right:0}.item-input-outline .item-floating-label{right:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-right:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.theme-dark option{background-color:var(--f7-page-bg-color)}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size) / (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;right:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size) / (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .input:not(.input-outline):after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .input:not(.input-outline):after{transition-duration:.2s}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .inline-label .item-media,.aurora .inline-labels .item-media{align-self:flex-start;padding-top:12px}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .input-focused:not(.input-outline):after,.aurora .input-invalid:not(.input-outline):after,.aurora .item-input-focused:not(.item-input-outline) .item-inner:after,.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after{transform:scaleY(2)!important;display:block!important}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.aurora .input-focused:not(.input-outline):after,.aurora .item-input-focused:not(.item-input-outline) .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-invalid:not(.input-outline):after,.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size) / (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}
+:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.3;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4;--f7-input-outline-height:40px;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px;--f7-input-outline-border-color:#bbb}:root .dark,:root.dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:3px;--f7-input-clear-button-size:14px;--f7-input-text-color:#000000;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-color:rgba(0, 0, 0, 0.45)}.ios .dark,.ios.dark{--f7-input-text-color:#fff;--f7-input-info-text-color:rgba(255, 255, 255, 0.55);--f7-input-clear-button-color:rgba(255, 255, 255, 0.5)}.md{--f7-input-height:36px;--f7-input-font-size:16px;--f7-textarea-padding-vertical:7px;--f7-label-font-size:12px;--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:7px;--f7-input-clear-button-size:18px;--f7-input-clear-button-color:#aaa;--f7-input-text-color:#212121;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-input-info-text-color:rgba(0, 0, 0, 0.45)}.md .dark,.md.dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.45)}.aurora{--f7-input-height:32px;--f7-input-font-size:16px;--f7-textarea-padding-vertical:4px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:4px;--f7-input-clear-button-size:14px;--f7-input-outline-border-radius:8px;--f7-input-text-color:#000000;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-input-clear-button-color:rgba(0, 0, 0, 0.45);--f7-input-info-text-color:rgba(0, 0, 0, 0.5)}.aurora .dark,.aurora.dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:rgba(255, 255, 255, 0.5);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-input-info-text-color:rgba(255, 255, 255, 0.45)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=month],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=month]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local],.list input[type=month],.list input[type=time]{line-height:var(--f7-input-height)}.list input[type=date],.list input[type=datetime-local],.list input[type=month]{text-align:right;flex-direction:row-reverse;width:auto}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;right:var(--f7-input-padding-right);transform-origin:right center}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:flex;flex-direction:column;align-items:flex-start}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none;box-sizing:border-box}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-right:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);left:0}.input-clear-button: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}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-clear-button.active-state{opacity:.75!important}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;left:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-left:calc(20px + var(--f7-input-padding-left))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{left:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-left:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{left:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{right:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{right:0}.item-input-outline .item-floating-label{right:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-right:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.dark option{background-color:var(--f7-page-bg-color)}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size) / (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;right:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size) / (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .input:not(.input-outline):after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .input:not(.input-outline):after{transition-duration:.2s}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .inline-label .item-media,.aurora .inline-labels .item-media{align-self:flex-start;padding-top:12px}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .input-focused:not(.input-outline):after,.aurora .input-invalid:not(.input-outline):after,.aurora .item-input-focused:not(.item-input-outline) .item-inner:after,.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after{transform:scaleY(2)!important;display:block!important}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.aurora .input-focused:not(.input-outline):after,.aurora .item-input-focused:not(.item-input-outline) .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-invalid:not(.input-outline):after,.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size) / (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}

package/components/input/input.css

@@ -1 +1 @@
-:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.3;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4;--f7-input-outline-height:40px;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px;--f7-input-outline-border-color:#bbb}:root .theme-dark,:root.theme-dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:3px;--f7-input-clear-button-size:14px;--f7-input-text-color:#000000;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff;--f7-input-info-text-color:rgba(255, 255, 255, 0.55);--f7-input-clear-button-color:rgba(255, 255, 255, 0.5)}.md{--f7-input-height:36px;--f7-input-font-size:16px;--f7-textarea-padding-vertical:7px;--f7-label-font-size:12px;--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:7px;--f7-input-clear-button-size:18px;--f7-input-clear-button-color:#aaa;--f7-input-text-color:#212121;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-input-info-text-color:rgba(0, 0, 0, 0.45)}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.45)}.aurora{--f7-input-height:32px;--f7-input-font-size:16px;--f7-textarea-padding-vertical:4px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:4px;--f7-input-clear-button-size:14px;--f7-input-outline-border-radius:8px;--f7-input-text-color:#000000;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-input-clear-button-color:rgba(0, 0, 0, 0.45);--f7-input-info-text-color:rgba(0, 0, 0, 0.5)}.aurora .theme-dark,.aurora.theme-dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:rgba(255, 255, 255, 0.5);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-input-info-text-color:rgba(255, 255, 255, 0.45)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=month],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=month]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=month]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local],.list input[type=month],.list input[type=time]{line-height:var(--f7-input-height)}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;left:var(--f7-input-padding-left);transform-origin:left center}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:flex;flex-direction:column;align-items:flex-start}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none;box-sizing:border-box}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-left:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);right:0}.input-clear-button: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}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-clear-button.active-state{opacity:.75!important}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;right:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:calc(20px + var(--f7-input-padding-right))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{right:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-right:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{right:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{left:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{left:0}.item-input-outline .item-floating-label{left:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-left:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.theme-dark option{background-color:var(--f7-page-bg-color)}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size) / (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;left:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size) / (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .input:not(.input-outline):after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .input:not(.input-outline):after{transition-duration:.2s}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .inline-label .item-media,.aurora .inline-labels .item-media{align-self:flex-start;padding-top:12px}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .input-focused:not(.input-outline):after,.aurora .input-invalid:not(.input-outline):after,.aurora .item-input-focused:not(.item-input-outline) .item-inner:after,.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after{transform:scaleY(2)!important;display:block!important}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.aurora .input-focused:not(.input-outline):after,.aurora .item-input-focused:not(.item-input-outline) .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-invalid:not(.input-outline):after,.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size) / (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}
+:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.3;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4;--f7-input-outline-height:40px;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px;--f7-input-outline-border-color:#bbb}:root .dark,:root.dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:3px;--f7-input-clear-button-size:14px;--f7-input-text-color:#000000;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-color:rgba(0, 0, 0, 0.45)}.ios .dark,.ios.dark{--f7-input-text-color:#fff;--f7-input-info-text-color:rgba(255, 255, 255, 0.55);--f7-input-clear-button-color:rgba(255, 255, 255, 0.5)}.md{--f7-input-height:36px;--f7-input-font-size:16px;--f7-textarea-padding-vertical:7px;--f7-label-font-size:12px;--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:7px;--f7-input-clear-button-size:18px;--f7-input-clear-button-color:#aaa;--f7-input-text-color:#212121;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-input-info-text-color:rgba(0, 0, 0, 0.45)}.md .dark,.md.dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.45)}.aurora{--f7-input-height:32px;--f7-input-font-size:16px;--f7-textarea-padding-vertical:4px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:4px;--f7-input-clear-button-size:14px;--f7-input-outline-border-radius:8px;--f7-input-text-color:#000000;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-input-clear-button-color:rgba(0, 0, 0, 0.45);--f7-input-info-text-color:rgba(0, 0, 0, 0.5)}.aurora .dark,.aurora.dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:rgba(255, 255, 255, 0.5);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-input-info-text-color:rgba(255, 255, 255, 0.45)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=month],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=month]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local],.list input[type=month],.list input[type=time]{line-height:var(--f7-input-height)}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;left:var(--f7-input-padding-left);transform-origin:left center}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:flex;flex-direction:column;align-items:flex-start}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none;box-sizing:border-box}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-left:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);right:0}.input-clear-button: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}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-clear-button.active-state{opacity:.75!important}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;right:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:calc(20px + var(--f7-input-padding-right))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{right:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-right:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{right:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{left:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{left:0}.item-input-outline .item-floating-label{left:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-left:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.dark option{background-color:var(--f7-page-bg-color)}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size) / (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;left:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size) / (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .input:not(.input-outline):after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .input:not(.input-outline):after{transition-duration:.2s}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .inline-label .item-media,.aurora .inline-labels .item-media{align-self:flex-start;padding-top:12px}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .input-focused:not(.input-outline):after,.aurora .input-invalid:not(.input-outline):after,.aurora .item-input-focused:not(.item-input-outline) .item-inner:after,.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after{transform:scaleY(2)!important;display:block!important}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.aurora .input-focused:not(.input-outline):after,.aurora .item-input-focused:not(.item-input-outline) .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-invalid:not(.input-outline):after,.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size) / (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}