framework7 7.1.5 → 8.0.0-beta.2

package/components/icon/icon-aurora.less

@@ -1,49 +0,0 @@
-.aurora {
-  .f7-icons,
-  .material-icons {
-    font-size: 24px;
-  }
-  .icon-back,
-  .icon-prev,
-  .icon-forward,
-  .icon-next {
-    width: 12px;
-    height: 20px;
-    line-height: 20px;
-    &:after {
-      line-height: inherit;
-    }
-  }
-
-  .icon-prev,
-  .icon-next {
-    &:after {
-      font-size: 16px;
-    }
-  }
-
-  .ltr({
-    .icon-back, .icon-prev {
-      &:after {
-        content: 'chevron_left_ios';
-      }
-    }
-  .icon-forward, .icon-next {
-      &:after {
-        content: 'chevron_right_ios';
-      }
-    }
-  });
-  .rtl({
-    .icon-back, .icon-prev {
-      &:after {
-        content: 'chevron_right_ios';
-      }
-    }
-    .icon-forward, .icon-next {
-      &:after {
-        content: 'chevron_left_ios';
-      }
-    }
-  });
-}

package/components/infinite-scroll/infinite-scroll-aurora.less

@@ -1,6 +0,0 @@
-.aurora {
-  .infinite-scroll-preloader {
-    margin-top: 16px;
-    margin-bottom: 16px;
-  }
-}

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

@@ -1 +0,0 @@
-(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,e.$jsx,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-aurora.less

@@ -1,120 +0,0 @@
-.aurora {
-  .item-label,
-  .item-floating-label {
-    + .item-input-wrap {
-      margin-top: 0;
-    }
-  }
-  .input:not(.input-outline) {
-    .hairline(bottom, var(--f7-list-item-border-color));
-    &:after {
-      transition-duration: 200ms;
-    }
-  }
-  .item-input-focused .item-floating-label {
-    color: var(--f7-label-text-color);
-  }
-
-  .inline-labels,
-  .inline-label {
-    .item-media {
-      align-self: flex-start;
-      padding-top: 12px;
-    }
-  }
-
-  .item-input-error-message,
-  .item-input-info,
-  .input-error-message,
-  .input-info {
-    position: relative;
-  }
-
-  .item-input-invalid:not(.item-input-outline) .item-inner:after,
-  .item-input-focused:not(.item-input-outline) .item-inner:after,
-  .input-invalid:not(.input-outline):after,
-  .input-focused:not(.input-outline):after {
-    transform: scaleY(2) !important;
-    display: block !important;
-  }
-
-  .item-input-focused {
-    .item-label,
-    .item-floating-label {
-      color: var(--f7-label-focused-text-color, var(--f7-theme-color));
-    }
-  }
-  .item-input-focused:not(.item-input-outline) .item-inner:after,
-  .input-focused:not(.input-outline):after {
-    background: var(--f7-input-focused-border-color, var(--f7-theme-color));
-  }
-  .item-input-invalid {
-    .item-label,
-    .item-floating-label {
-      color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color));
-    }
-  }
-  .item-input-invalid:not(.item-input-outline) .item-inner:after,
-  .input-invalid:not(.input-outline):after {
-    background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color));
-  }
-  .item-input-invalid,
-  .input-invalid {
-    input,
-    select,
-    textarea {
-      color: var(--f7-input-invalid-text-color, var(--f7-input-text-color));
-    }
-  }
-
-  .input-clear-button {
-    &:after {
-      content: 'delete_round_ios';
-      font-size: calc(var(--f7-input-clear-button-size) / (14 / 10));
-      line-height: 1.4;
-    }
-    &:before {
-      width: 44px;
-      height: 44px;
-      margin-left: -22px;
-      margin-top: -22px;
-    }
-  }
-
-  .item-input-outline,
-  .input-outline {
-    .item-input-wrap {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-    .item-input-error-message,
-    .item-input-info,
-    .input-error-message,
-    .input-info {
-      margin-top: 0;
-      white-space: normal;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-    .item-input-info,
-    .input-info {
-      margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
-    }
-    .item-input-error-message,
-    .input-error-message {
-      margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
-    }
-    &.item-input-with-info,
-    &.input-with-info {
-      .item-input-wrap {
-        margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
-      }
-    }
-    &.item-input-with-error-message,
-    &.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.lazy.js

@@ -1 +0,0 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var a=t.$,i=t.utils,n=t.getDevice,s=(t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,t.$jsx,i.bindMethods);const r={ignoreTypes:["checkbox","button","submit","range","radio","image"],createTextareaResizableShadow(){const t=a(document.createElement("textarea"));t.addClass("textarea-resizable-shadow"),t.prop({disabled:!0,readonly:!0}),r.textareaResizableShadow=t},textareaResizableShadow:void 0,resizeTextarea(t){const e=this,i=a(t);r.textareaResizableShadow||r.createTextareaResizableShadow();const n=r.textareaResizableShadow;if(!i.length)return;if(!i.hasClass("resizable"))return;0===r.textareaResizableShadow.parents().length&&e.$el.append(n);const s=window.getComputedStyle(i[0]);"padding-top padding-bottom padding-left padding-right margin-left margin-right margin-top margin-bottom width font-size font-family font-style font-weight line-height font-variant text-transform letter-spacing border box-sizing display".split(" ").forEach((t=>{let e=s[t];"font-size line-height letter-spacing width".split(" ").indexOf(t)>=0&&(e=e.replace(",",".")),n.css(t,e)}));const o=i[0].clientHeight;n.val("");const l=n[0].scrollHeight;n.val(i.val()),n.css("height",0);const p=n[0].scrollHeight;o!==p&&(p>l?i.css("height",`${p}px`):p<o&&i.css("height",""),(p>l||p<o)&&(i.trigger("textarea:resize",{initialHeight:l,currentHeight:o,scrollHeight:p}),e.emit("textareaResize",{initialHeight:l,currentHeight:o,scrollHeight:p})))},validate(t){const e=a(t);if(!e.length)return!0;const i=e.parents(".item-input"),n=e.parents(".input");function s(){e[0].f7ValidateReadonly&&(e[0].readOnly=!0)}e[0].f7ValidateReadonly&&(e[0].readOnly=!1);const r=e[0].validity,o=e.dataset().errorMessage||e[0].validationMessage||"";if(!r)return s(),!0;if(!r.valid){let t=e.nextAll(".item-input-error-message, .input-error-message");return o&&(0===t.length&&(t=a(`<div class="${n.length?"input-error-message":"item-input-error-message"}"></div>`),t.insertAfter(e)),t.text(o)),t.length>0&&(i.addClass("item-input-with-error-message"),n.addClass("input-with-error-message")),i.addClass("item-input-invalid"),n.addClass("input-invalid"),e.addClass("input-invalid"),s(),!1}return i.removeClass("item-input-invalid item-input-with-error-message"),n.removeClass("input-invalid input-with-error-message"),e.removeClass("input-invalid"),s(),!0},validateInputs(t){const e=this;return a(t).find("input, textarea, select").map((t=>e.input.validate(t))).indexOf(!1)<0},focus(t){const e=a(t),i=e.attr("type");r.ignoreTypes.indexOf(i)>=0||(e.parents(".item-input").addClass("item-input-focused"),e.parents(".input").addClass("input-focused"),e.addClass("input-focused"))},blur(t){const e=a(t);e.parents(".item-input").removeClass("item-input-focused"),e.parents(".input").removeClass("input-focused"),e.removeClass("input-focused")},checkEmptyState(t){const e=this;let i=a(t);if(i.is("input, select, textarea, .item-input [contenteditable]")||(i=i.find("input, select, textarea, .item-input [contenteditable]").eq(0)),!i.length)return;let n;n=i[0].hasAttribute("contenteditable")?i.find(".text-editor-placeholder").length?"":i.html():i.val();const s=i.parents(".item-input"),r=i.parents(".input");n&&"string"==typeof n&&""!==n.trim()||Array.isArray(n)&&n.length>0?(s.addClass("item-input-with-value"),r.addClass("input-with-value"),i.addClass("input-with-value"),i.trigger("input:notempty"),e.emit("inputNotEmpty",i[0])):(s.removeClass("item-input-with-value"),r.removeClass("input-with-value"),i.removeClass("input-with-value"),i.trigger("input:empty"),e.emit("inputEmpty",i[0]))},scrollIntoView(t,e,i,n){void 0===e&&(e=0);const s=a(t),r=s.parents(".page-content, .panel, .card-expandable .card-content").eq(0);if(!r.length)return!1;const o=r[0].offsetHeight,l=r[0].scrollTop,p=parseInt(r.css("padding-top"),10),u=parseInt(r.css("padding-bottom"),10),d=r.offset().top-l,c=s.offset().top-d,m=c+l-p,h=c+l-o+u+s[0].offsetHeight,g=m+(h-m)/2;return l>m?(r.scrollTop(i?g:m,e),!0):l<h?(r.scrollTop(i?g:h,e),!0):(n&&r.scrollTop(i?g:h,e),!1)},init(){const t=this,e=n();r.createTextareaResizableShadow(),a(document).on("click",".input-clear-button",(function(){const e=a(this).siblings("input, textarea").eq(0),i=e.val();e.val("").trigger("input change").focus().trigger("input:clear",i),t.emit("inputClear",i)})),a(document).on("mousedown",".input-clear-button",(function(t){t.preventDefault()})),a(document).on("change input","input, textarea, select, .item-input [contenteditable]",(function(){const e=a(this),i=e.attr("type"),n=e[0].nodeName.toLowerCase(),s=e[0].hasAttribute("contenteditable");r.ignoreTypes.indexOf(i)>=0||(t.input.checkEmptyState(e),s||(null!==e.attr("data-validate-on-blur")||!e.dataset().validate&&null===e.attr("validate")||t.input.validate(e),"textarea"===n&&e.hasClass("resizable")&&t.input.resizeTextarea(e)))}),!0),a(document).on("focus","input, textarea, select, .item-input [contenteditable]",(function(){const i=this;t.params.input.scrollIntoViewOnFocus&&(e.android?a(window).once("resize",(()=>{document&&document.activeElement===i&&t.input.scrollIntoView(i,t.params.input.scrollIntoViewDuration,t.params.input.scrollIntoViewCentered,t.params.input.scrollIntoViewAlways)})):t.input.scrollIntoView(i,t.params.input.scrollIntoViewDuration,t.params.input.scrollIntoViewCentered,t.params.input.scrollIntoViewAlways)),t.input.focus(i)}),!0),a(document).on("blur","input, textarea, select, .item-input [contenteditable]",(function(){const e=a(this),i=e[0].nodeName.toLowerCase();t.input.blur(e),(e.dataset().validate||null!==e.attr("validate")||null!==e.attr("data-validate-on-blur"))&&t.input.validate(e),"textarea"===i&&e.hasClass("resizable")&&r.textareaResizableShadow&&r.textareaResizableShadow.remove()}),!0),a(document).on("invalid","input, textarea, select",(function(e){const i=a(this);null!==i.attr("data-validate-on-blur")||!i.dataset().validate&&null===i.attr("validate")||(e.preventDefault(),t.input.validate(i))}),!0)}};var o={name:"input",params:{input:{scrollIntoViewOnFocus:void 0,scrollIntoViewCentered:!1,scrollIntoViewDuration:0,scrollIntoViewAlways:!1}},create(){const t=this;void 0===t.params.input.scrollIntoViewOnFocus&&(t.params.input.scrollIntoViewOnFocus=n().android),s(t,{input:r})},on:{init(){this.input.init()},tabMounted(t){const e=this,i=a(t);i.find(".item-input, .input").each((t=>{a(t).find("input, select, textarea, [contenteditable]").each((t=>{const i=a(t);r.ignoreTypes.indexOf(i.attr("type"))>=0||e.input.checkEmptyState(i)}))})),i.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))},pageInit(t){const e=this,i=t.$el;i.find(".item-input, .input").each((t=>{a(t).find("input, select, textarea, [contenteditable]").each((t=>{const i=a(t);r.ignoreTypes.indexOf(i.attr("type"))>=0||e.input.checkEmptyState(i)}))})),i.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))},"panelBreakpoint panelCollapsedBreakpoint panelResize panelOpen panelSwipeOpen resize viewMasterDetailBreakpoint":function(t){const e=this;t&&t.$el?t.$el.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)})):a("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[o.name])return;t.use(o),t.instance&&(t.instance.useModuleParams(o,t.instance.params),t.instance.useModule(o))}return o}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/lazy/lazy-aurora.less

@@ -1,2 +0,0 @@
-.aurora {
-}

package/components/lazy/lazy-ios.less

@@ -1,2 +0,0 @@
-.ios {
-}

package/components/lazy/lazy-md.less

@@ -1,2 +0,0 @@
-.md {
-}

package/components/lazy/lazy-rtl.css

@@ -1 +0,0 @@
-.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}

package/components/lazy/lazy.css

@@ -1 +0,0 @@
-.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}

package/components/lazy/lazy.d.ts

@@ -1,57 +0,0 @@
-import Framework7, {
-  CSSSelector,
-  Framework7EventsClass,
-  Framework7Plugin,
-} from '../app/app-class.js';
-
-export namespace Lazy {
-  interface DomEvents {
-    /** Event will be triggered in the beginning of image file loading */
-    'lazy:load': () => void;
-    /** Event will be triggered after image file successfully loaded */
-    'lazy:loaded': () => void;
-    /** Event will be triggered in case of error loading image file */
-    'lazy:error': () => void;
-  }
-  interface AppMethods {
-    lazy: {
-      /** initialize lazy loading on page */
-      create(pageEl: HTMLElement | CSSSelector): void;
-      /** destroy/disable lazy loading on page */
-      destroy(pageEl: HTMLElement | CSSSelector): void;
-      /** force to load lazy image */
-      loadImage(
-        /** lazy image or element (element with lazy class). Required. */
-        pageEl: HTMLElement | CSSSelector,
-        /** Callback when image is loaded or error loading image happend */
-        callback: () => void,
-      ): void;
-    };
-  }
-  interface AppParams {
-    lazy?:
-      | {
-          /** Lazy load image placeholder source to show while image is not yet loaded. By default it is 1x1 px image. */
-          placeholder?: string;
-          /** By default images are loaded when they appear on the screen. Use this parameter if you want to load images earlier. Setting it to 50 will load image when it 50 pixels before it appears on viewport. (default 0) */
-          threshold?: number;
-          /** If enabled, then lazy images will be loaded one by one when they appear in viewport. (default true) */
-          sequential?: boolean;
-          /** When enabled, it uses IntersectionObserver API (if supported by browser) to detect when image is in viewport. Potentially provides better performance and more accurate intersection detection, but "threshold" parameter will be ignored. (default true) */
-          observer?: boolean;
-        }
-      | undefined;
-  }
-  interface AppEvents {
-    /** Event will be triggered in the beginning of image file loading. As an argument it receives lazy loading HTML element. */
-    lazyLoad?: (lazyEl: HTMLElement) => void;
-    /** Event will be triggered after image file successfully loaded. As an argument it receives lazy loading HTML element. */
-    lazyLoaded?: (lazyEl: HTMLElement) => void;
-    /** Event will be triggered in case of error loading image file. As an argument it receives lazy loading HTML element.*/
-    lazyError?: (lazyEl: HTMLElement) => void;
-  }
-}
-
-declare const LazyComponent: Framework7Plugin;
-
-export default LazyComponent;

package/components/lazy/lazy.js

@@ -1,283 +0,0 @@
-import { getWindow } from 'ssr-window';
-import $ from '../../shared/dom7.js';
-import { bindMethods } from '../../shared/utils.js';
-import { getSupport } from '../../shared/get-support.js';
-const Lazy = {
-  destroy(pageEl) {
-    const $pageEl = $(pageEl).closest('.page');
-    if (!$pageEl.length) return;
-
-    if ($pageEl[0].f7LazyDestroy) {
-      $pageEl[0].f7LazyDestroy();
-    }
-  },
-
-  create(pageEl) {
-    const app = this;
-    const window = getWindow();
-    const support = getSupport();
-    const $pageEl = $(pageEl).closest('.page').eq(0); // Lazy images
-
-    const $lazyLoadImages = $pageEl.find('.lazy');
-    if ($lazyLoadImages.length === 0 && !$pageEl.hasClass('lazy')) return; // Placeholder
-
-    const placeholderSrc = app.params.lazy.placeholder;
-
-    if (placeholderSrc !== false) {
-      $lazyLoadImages.each(lazyEl => {
-        if ($(lazyEl).attr('data-src') && !$(lazyEl).attr('src')) $(lazyEl).attr('src', placeholderSrc);
-      });
-    } // load image
-
-
-    const imagesSequence = [];
-    let imageIsLoading = false;
-
-    function onImageComplete(lazyEl) {
-      if (imagesSequence.indexOf(lazyEl) >= 0) {
-        imagesSequence.splice(imagesSequence.indexOf(lazyEl), 1);
-      }
-
-      imageIsLoading = false;
-
-      if (app.params.lazy.sequential && imagesSequence.length > 0) {
-        imageIsLoading = true;
-        app.lazy.loadImage(imagesSequence[0], onImageComplete);
-      }
-    }
-
-    function observerCallback(entries, observer) {
-      entries.forEach(entry => {
-        if (entry.isIntersecting) {
-          if (app.params.lazy.sequential && imageIsLoading) {
-            if (imagesSequence.indexOf(entry.target) < 0) imagesSequence.push(entry.target);
-            return;
-          } // Load image
-
-
-          imageIsLoading = true;
-          app.lazy.loadImage(entry.target, onImageComplete); // Detach
-
-          observer.unobserve(entry.target);
-        }
-      });
-    }
-
-    if (app.params.lazy.observer && support.intersectionObserver) {
-      let observer = $pageEl[0].f7LazyObserver;
-
-      if (!observer) {
-        observer = new window.IntersectionObserver(observerCallback, {
-          root: $pageEl[0]
-        });
-      }
-
-      $lazyLoadImages.each(el => {
-        if (el.f7LazyObserverAdded) return;
-        el.f7LazyObserverAdded = true;
-        observer.observe(el);
-      });
-
-      if (!$pageEl[0].f7LazyDestroy) {
-        $pageEl[0].f7LazyDestroy = () => {
-          observer.disconnect();
-          delete $pageEl[0].f7LazyDestroy;
-          delete $pageEl[0].f7LazyObserver;
-        };
-      }
-
-      return;
-    }
-
-    function lazyHandler() {
-      app.lazy.load($pageEl, lazyEl => {
-        if (app.params.lazy.sequential && imageIsLoading) {
-          if (imagesSequence.indexOf(lazyEl) < 0) imagesSequence.push(lazyEl);
-          return;
-        }
-
-        imageIsLoading = true;
-        app.lazy.loadImage(lazyEl, onImageComplete);
-      });
-    }
-
-    function attachEvents() {
-      $pageEl[0].f7LazyAttached = true;
-      $pageEl.on('lazy', lazyHandler);
-      $pageEl.on('scroll', lazyHandler, true);
-      $pageEl.find('.tab').on('tab:mounted tab:show', lazyHandler);
-      app.on('resize', lazyHandler);
-    }
-
-    function detachEvents() {
-      $pageEl[0].f7LazyAttached = false;
-      delete $pageEl[0].f7LazyAttached;
-      $pageEl.off('lazy', lazyHandler);
-      $pageEl.off('scroll', lazyHandler, true);
-      $pageEl.find('.tab').off('tab:mounted tab:show', lazyHandler);
-      app.off('resize', lazyHandler);
-    } // Store detach function
-
-
-    if (!$pageEl[0].f7LazyDestroy) {
-      $pageEl[0].f7LazyDestroy = detachEvents;
-    } // Attach events
-
-
-    if (!$pageEl[0].f7LazyAttached) {
-      attachEvents();
-    } // Run loader on page load/init
-
-
-    lazyHandler();
-  },
-
-  isInViewport(lazyEl) {
-    const app = this;
-    const rect = lazyEl.getBoundingClientRect();
-    const threshold = app.params.lazy.threshold || 0;
-    return rect.top >= 0 - threshold && rect.left >= 0 - threshold && rect.top <= app.height + threshold && rect.left <= app.width + threshold;
-  },
-
-  loadImage(imageEl, callback) {
-    const app = this;
-    const window = getWindow();
-    const $imageEl = $(imageEl);
-    const bg = $imageEl.attr('data-background');
-    const src = bg || $imageEl.attr('data-src');
-
-    function onLoad() {
-      $imageEl.removeClass('lazy').addClass('lazy-loaded');
-
-      if (bg) {
-        $imageEl.css('background-image', `url(${src})`);
-      } else if (src) {
-        $imageEl.attr('src', src);
-      }
-
-      if (callback) callback(imageEl);
-      $imageEl.trigger('lazy:loaded');
-      app.emit('lazyLoaded', $imageEl[0]);
-    }
-
-    if (!src) {
-      $imageEl.trigger('lazy:load');
-      app.emit('lazyLoad', $imageEl[0]);
-      onLoad();
-      return;
-    }
-
-    function onError() {
-      $imageEl.removeClass('lazy').addClass('lazy-loaded');
-
-      if (bg) {
-        $imageEl.css('background-image', `url(${app.params.lazy.placeholder || ''})`);
-      } else {
-        $imageEl.attr('src', app.params.lazy.placeholder || '');
-      }
-
-      if (callback) callback(imageEl);
-      $imageEl.trigger('lazy:error');
-      app.emit('lazyError', $imageEl[0]);
-    }
-
-    const image = new window.Image();
-    image.onload = onLoad;
-    image.onerror = onError;
-    image.src = src;
-    $imageEl.removeAttr('data-src').removeAttr('data-background'); // Add loaded callback and events
-
-    $imageEl.trigger('lazy:load');
-    app.emit('lazyLoad', $imageEl[0]);
-  },
-
-  load(pageEl, callback) {
-    const app = this;
-    let $pageEl = $(pageEl);
-    if (!$pageEl.hasClass('page')) $pageEl = $pageEl.parents('.page').eq(0);
-
-    if ($pageEl.length === 0) {
-      return;
-    }
-
-    $pageEl.find('.lazy').each(lazyEl => {
-      const $lazyEl = $(lazyEl);
-
-      if ($lazyEl.parents('.tab:not(.tab-active)').length > 0) {
-        return;
-      }
-
-      if (app.lazy.isInViewport(lazyEl)) {
-        if (callback) callback(lazyEl);else app.lazy.loadImage(lazyEl);
-      }
-    });
-  }
-
-};
-export default {
-  name: 'lazy',
-  params: {
-    lazy: {
-      placeholder: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==',
-      threshold: 0,
-      sequential: true,
-      observer: true
-    }
-  },
-
-  create() {
-    const app = this;
-    bindMethods(app, {
-      lazy: Lazy
-    });
-  },
-
-  on: {
-    pageInit(page) {
-      const app = this;
-
-      if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
-        app.lazy.create(page.$el);
-      }
-    },
-
-    pageAfterIn(page) {
-      const app = this;
-      const support = getSupport();
-      if (app.params.lazy.observer && support.intersectionObserver) return;
-
-      if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
-        app.lazy.create(page.$el);
-      }
-    },
-
-    pageBeforeRemove(page) {
-      const app = this;
-
-      if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
-        app.lazy.destroy(page.$el);
-      }
-    },
-
-    tabMounted(tabEl) {
-      const app = this;
-      const $tabEl = $(tabEl);
-
-      if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
-        app.lazy.create($tabEl);
-      }
-    },
-
-    tabBeforeRemove(tabEl) {
-      const app = this;
-      const support = getSupport();
-      if (app.params.lazy.observer && support.intersectionObserver) return;
-      const $tabEl = $(tabEl);
-
-      if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
-        app.lazy.destroy($tabEl);
-      }
-    }
-
-  }
-};

package/components/lazy/lazy.lazy.js

@@ -1 +0,0 @@
-(function framework7ComponentLoader(e,a){void 0===a&&(a=!0);var t=e.$,r=e.utils,s=(e.getDevice,e.getSupport),l=(e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,r.bindMethods);const o={destroy(e){const a=t(e).closest(".page");a.length&&a[0].f7LazyDestroy&&a[0].f7LazyDestroy()},create(e){const a=this,r=s(),l=t(e).closest(".page").eq(0),o=l.find(".lazy");if(0===o.length&&!l.hasClass("lazy"))return;const n=a.params.lazy.placeholder;!1!==n&&o.each((e=>{t(e).attr("data-src")&&!t(e).attr("src")&&t(e).attr("src",n)}));const d=[];let i=!1;function y(e){d.indexOf(e)>=0&&d.splice(d.indexOf(e),1),i=!1,a.params.lazy.sequential&&d.length>0&&(i=!0,a.lazy.loadImage(d[0],y))}if(a.params.lazy.observer&&r.intersectionObserver){let e=l[0].f7LazyObserver;return e||(e=new window.IntersectionObserver((function(e,t){e.forEach((e=>{if(e.isIntersecting){if(a.params.lazy.sequential&&i)return void(d.indexOf(e.target)<0&&d.push(e.target));i=!0,a.lazy.loadImage(e.target,y),t.unobserve(e.target)}}))}),{root:l[0]})),o.each((a=>{a.f7LazyObserverAdded||(a.f7LazyObserverAdded=!0,e.observe(a))})),void(l[0].f7LazyDestroy||(l[0].f7LazyDestroy=()=>{e.disconnect(),delete l[0].f7LazyDestroy,delete l[0].f7LazyObserver}))}function c(){a.lazy.load(l,(e=>{a.params.lazy.sequential&&i?d.indexOf(e)<0&&d.push(e):(i=!0,a.lazy.loadImage(e,y))}))}l[0].f7LazyDestroy||(l[0].f7LazyDestroy=function(){l[0].f7LazyAttached=!1,delete l[0].f7LazyAttached,l.off("lazy",c),l.off("scroll",c,!0),l.find(".tab").off("tab:mounted tab:show",c),a.off("resize",c)}),l[0].f7LazyAttached||(l[0].f7LazyAttached=!0,l.on("lazy",c),l.on("scroll",c,!0),l.find(".tab").on("tab:mounted tab:show",c),a.on("resize",c)),c()},isInViewport(e){const a=this,t=e.getBoundingClientRect(),r=a.params.lazy.threshold||0;return t.top>=0-r&&t.left>=0-r&&t.top<=a.height+r&&t.left<=a.width+r},loadImage(e,a){const r=this,s=t(e),l=s.attr("data-background"),o=l||s.attr("data-src");function n(){s.removeClass("lazy").addClass("lazy-loaded"),l?s.css("background-image",`url(${o})`):o&&s.attr("src",o),a&&a(e),s.trigger("lazy:loaded"),r.emit("lazyLoaded",s[0])}if(!o)return s.trigger("lazy:load"),r.emit("lazyLoad",s[0]),void n();const d=new window.Image;d.onload=n,d.onerror=function(){s.removeClass("lazy").addClass("lazy-loaded"),l?s.css("background-image",`url(${r.params.lazy.placeholder||""})`):s.attr("src",r.params.lazy.placeholder||""),a&&a(e),s.trigger("lazy:error"),r.emit("lazyError",s[0])},d.src=o,s.removeAttr("data-src").removeAttr("data-background"),s.trigger("lazy:load"),r.emit("lazyLoad",s[0])},load(e,a){const r=this;let s=t(e);s.hasClass("page")||(s=s.parents(".page").eq(0)),0!==s.length&&s.find(".lazy").each((e=>{t(e).parents(".tab:not(.tab-active)").length>0||r.lazy.isInViewport(e)&&(a?a(e):r.lazy.loadImage(e))}))}};var n={name:"lazy",params:{lazy:{placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==",threshold:0,sequential:!0,observer:!0}},create(){l(this,{lazy:o})},on:{pageInit(e){const a=this;(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.create(e.$el)},pageAfterIn(e){const a=this,t=s();a.params.lazy.observer&&t.intersectionObserver||(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.create(e.$el)},pageBeforeRemove(e){const a=this;(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.destroy(e.$el)},tabMounted(e){const a=this,r=t(e);(r.find(".lazy").length>0||r.hasClass("lazy"))&&a.lazy.create(r)},tabBeforeRemove(e){const a=this,r=s();if(a.params.lazy.observer&&r.intersectionObserver)return;const l=t(e);(l.find(".lazy").length>0||l.hasClass("lazy"))&&a.lazy.destroy(l)}}};if(a){if(e.prototype.modules&&e.prototype.modules[n.name])return;e.use(n),e.instance&&(e.instance.useModuleParams(n,e.instance.params),e.instance.useModule(n))}return n}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/lazy/lazy.less

@@ -1,23 +0,0 @@
-/* === Images Lazy Loading === */
-.lazy-loaded.lazy-fade-in {
-  animation: lazyFadeIn 600ms;
-}
-
-@keyframes lazyFadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.if-ios-theme({
-  @import './lazy-ios.less';
-});
-.if-md-theme({
-  @import './lazy-md.less';
-});
-.if-aurora-theme({
-  @import './lazy-aurora.less';
-});

package/components/link/link-aurora.less

@@ -1,15 +0,0 @@
-.aurora {
-  .link {
-    transition: opacity 300ms;
-    &.active-state {
-      opacity: var(--f7-link-pressed-opacity);
-      transition-duration: 0ms;
-    }
-  }
-  &.device-desktop {
-    .link:not(.active-state):not(.no-hover):hover {
-      opacity: var(--f7-link-hover-opacity);
-      transition-duration: 0ms;
-    }
-  }
-}

package/components/list/list-aurora.less

@@ -1,25 +0,0 @@
-.aurora {
-  .list {
-    .item-media {
-      min-width: 24px;
-    }
-  }
-  .links-list a,
-  .list .item-link:not(.item-selected),
-  .list .list-button {
-    transition-duration: 0ms;
-  }
-  &.device-desktop {
-    .links-list a,
-    .list .item-link:not(.item-selected) {
-      &:hover:not(.active-state):not(.no-hover) {
-        background: var(--f7-list-link-hover-bg-color);
-      }
-    }
-    .list .list-button {
-      &:hover:not(.active-state):not(.no-hover) {
-        background: var(--f7-list-button-hover-bg-color);
-      }
-    }
-  }
-}

package/components/list-index/list-index-aurora.less

@@ -1,21 +0,0 @@
-.aurora {
-  .list-index {
-    .list-index-label {
-      margin-bottom: calc(-1 * var(--f7-list-index-label-size) / 2);
-      margin-right: calc(var(--f7-list-index-width) - 1px);
-      border-radius: 50%;
-      &:before {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        border-radius: 50% 1px 50% 50%;
-        content: '';
-        background-color: inherit;
-        left: 0;
-        top: 0;
-        transform: rotate(45deg);
-        z-index: -1;
-      }
-    }
-  }
-}

package/components/list-index/list-index.lazy.js

@@ -1 +0,0 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var n=e.$,s=e.utils,i=(e.getDevice,e.getSupport),l=e.Class,a=(e.Modal,e.ConstructorMethods),o=(e.ModalMethods,e.$jsx,s.extend),r=s.deleteProps;class d extends l{constructor(e,t){void 0===t&&(t={}),super(t,[e]);const s=this,l={el:null,listEl:null,indexes:"auto",iosItemHeight:14,mdItemHeight:14,auroraItemHeight:14,scrollList:!0,label:!1,renderItem:(e,t)=>`\n            <li>${e}</li>\n          `.trim(),renderSkipPlaceholder:()=>'<li class="list-index-skip-placeholder"></li>',on:{}};let a,r,d,c;if(s.useModulesParams(l),s.params=o(l,t),!s.params.el)return s;if(a=n(s.params.el),a[0].f7ListIndex)return a[0].f7ListIndex;if(c=a.find("ul"),0===c.length&&(c=n("<ul></ul>"),a.append(c)),s.params.listEl&&(r=n(s.params.listEl)),"auto"===s.params.indexes&&!r)return s;function p(){const e={index:s};s.calcSize(),e!==s.height&&s.render()}function h(e){const t=n(e.target).closest("li");if(!t.length)return;let i=t.index();if(s.skipRate>0){const e=i/(t.siblings("li").length-1);i=Math.round((s.indexes.length-1)*e)}const l=s.indexes[i];s.$el.trigger("listindex:click",{content:l,index:i}),s.emit("local::click listIndexClick",s,l,i),s.$el.trigger("listindex:select",{content:l,index:i}),s.emit("local::select listIndexSelect",s,l,i),s.$listEl&&s.params.scrollList&&s.scrollListToIndex(l,i)}r?d=r.parents(".page-content").eq(0):(d=a.siblings(".page-content").eq(0),0===d.length&&(d=a.parents(".page").eq(0).find(".page-content").eq(0))),a[0].f7ListIndex=s,o(s,{app:e,$el:a,el:a&&a[0],$ul:c,ul:c&&c[0],$listEl:r,listEl:r&&r[0],$pageContentEl:d,pageContentEl:d&&d[0],indexes:t.indexes,height:0,skipRate:0}),s.useModules();const u={};let f,g,x,m,I,v=null;function $(e){const t=c.children();t.length&&(x=t[0].getBoundingClientRect().top,m=t[t.length-1].getBoundingClientRect().top+t[0].offsetHeight,u.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,u.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,f=!0,g=!1,v=null)}function L(e){if(!f)return;!g&&s.params.label&&(I=n('<span class="list-index-label"></span>'),a.append(I)),g=!0;const t="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY;e.preventDefault();let i=(t-x)/(m-x);i=Math.min(Math.max(i,0),1);const l=Math.round((s.indexes.length-1)*i),o=s.indexes[l],r=m-x,d=(s.height-r)/2+(1-i)*r;l!==v&&(s.params.label&&I.html(o).transform(`translateY(-${d}px)`),s.$listEl&&s.params.scrollList&&s.scrollListToIndex(o,l)),v=l,s.$el.trigger("listindex:select"),s.emit("local::select listIndexSelect",s,o,l)}function E(){f&&(f=!1,g=!1,s.params.label&&(I&&I.remove(),I=void 0))}const b=!!i().passiveListener&&{passive:!0};return s.attachEvents=function(){a.parents(".tab").on("tab:show",p),a.parents(".page").on("page:reinit",p),a.parents(".panel").on("panel:open",p),a.parents(".sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast").on("modal:open",p),e.on("resize",p),a.on("click",h),a.on(e.touchEvents.start,$,b),e.on("touchmove:active",L),e.on("touchend:passive",E)},s.detachEvents=function(){a.parents(".tab").off("tab:show",p),a.parents(".page").off("page:reinit",p),a.parents(".panel").off("panel:open",p),a.parents(".sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast").off("modal:open",p),e.off("resize",p),a.off("click",h),a.off(e.touchEvents.start,$,b),e.off("touchmove:active",L),e.off("touchend:passive",E)},s.init(),s}scrollListToIndex(e,t){const s=this,{$listEl:i,$pageContentEl:l,app:a}=s;if(!i||!l||0===l.length)return s;let o;if(i.find(".list-group-title, .item-divider").each((t=>{if(o)return;const s=n(t);s.text()===e&&(o=s)})),!o||0===o.length)return s;const r=o.parent().offset().top;let d=parseInt(l.css("padding-top"),10);const c=l[0].scrollTop,p=o.offset().top;if(l.parents(".page-with-navbar-large").length){const e=a.navbar.getElByPage(l.parents(".page-with-navbar-large").eq(0)),t=n(e).find(".title-large");t.length&&(d-=t[0].offsetHeight||0)}return r<=d?l.scrollTop(r+c-d):l.scrollTop(p+c-d),s}renderSkipPlaceholder(){return this.params.renderSkipPlaceholder.call(this)}renderItem(e,t){return this.params.renderItem.call(this,e,t)}render(){const e=this,{$ul:t,indexes:n,skipRate:s}=e;let i;const l=n.map(((t,n)=>{if(n%s!=0&&s>0)return i=!0,"";let l=e.renderItem(t,n);return i&&(l=e.renderSkipPlaceholder()+l),i=!1,l})).join("");return t.html(l),e}calcSize(){const e=this,{app:t,params:n,el:s,indexes:i}=e,l=s.offsetHeight,a=n[`${t.theme}ItemHeight`],o=Math.floor(l/a),r=i.length;let d=0;return r>o&&(d=Math.ceil((2*r-1)/o)),e.height=l,e.skipRate=d,e}calcIndexes(){const e=this;return"auto"===e.params.indexes?(e.indexes=[],e.$listEl.find(".list-group-title, .item-divider").each((t=>{const s=n(t).text();e.indexes.indexOf(s)<0&&e.indexes.push(s)}))):e.indexes=e.params.indexes,e}update(){const e=this;return e.calcIndexes(),e.calcSize(),e.render(),e}init(){const e=this;e.calcIndexes(),e.calcSize(),e.render(),e.attachEvents()}destroy(){let e=this;e.$el.trigger("listindex:beforedestroy",e),e.emit("local::beforeDestroy listIndexBeforeDestroy"),e.detachEvents(),e.$el[0]&&(e.$el[0].f7ListIndex=null,delete e.$el[0].f7ListIndex),r(e),e=null}}var c={name:"listIndex",static:{ListIndex:d},create(){this.listIndex=a({defaultSelector:".list-index",constructor:d,app:this,domProp:"f7ListIndex"})},on:{tabMounted(e){const t=this;n(e).find(".list-index-init").each((e=>{const s=o(n(e).dataset(),{el:e});t.listIndex.create(s)}))},tabBeforeRemove(e){n(e).find(".list-index-init").each((e=>{e.f7ListIndex&&e.f7ListIndex.destroy()}))},pageInit(e){const t=this;e.$el.find(".list-index-init").each((e=>{const s=o(n(e).dataset(),{el:e});t.listIndex.create(s)}))},pageBeforeRemove(e){e.$el.find(".list-index-init").each((e=>{e.f7ListIndex&&e.f7ListIndex.destroy()}))}},vnode:{"list-index-init":{insert(e){const t=e.elm,s=o(n(t).dataset(),{el:t});this.listIndex.create(s)},destroy(e){const t=e.elm;t.f7ListIndex&&t.f7ListIndex.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[c.name])return;e.use(c),e.instance&&(e.instance.useModuleParams(c,e.instance.params),e.instance.useModule(c))}return c}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))