framework7 6.3.4 → 7.0.0-beta.3

package/esm/components/swiper/swiper.js

@@ -1,177 +0,0 @@
-import Swiper from 'swiper/bundle';
-import $ from '../../shared/dom7';
-import ConstructorMethods from '../../shared/constructor-methods'; 
-
-
-function initSwiper(swiperEl) {
-  var app = this;
-  var $swiperEl = $(swiperEl);
-  if ($swiperEl.length === 0) return;
-  if ($swiperEl[0].swiper) return;
-  var initialSlide;
-  var params = {};
-  var isTabs;
-  var isRoutableTabs;
-
-  if ($swiperEl.hasClass('tabs-swipeable-wrap')) {
-    $swiperEl.addClass('swiper-container').children('.tabs').addClass('swiper-wrapper').children('.tab').addClass('swiper-slide');
-    initialSlide = $swiperEl.children('.tabs').children('.tab-active').index();
-    isTabs = true;
-    isRoutableTabs = $swiperEl.find('.tabs-routable').length > 0;
-  }
-
-  if ($swiperEl.attr('data-swiper')) {
-    params = JSON.parse($swiperEl.attr('data-swiper'));
-  } else if ($swiperEl[0].f7SwiperParams) {
-    params = $swiperEl[0].f7SwiperParams;
-  } else {
-    params = $swiperEl.dataset();
-    Object.keys(params).forEach(function (key) {
-      var value = params[key];
-
-      if (typeof value === 'string' && value.indexOf('{') === 0 && value.indexOf('}') > 0) {
-        try {
-          params[key] = JSON.parse(value);
-        } catch (e) {// not JSON
-        }
-      }
-    });
-  }
-
-  if (typeof params.initialSlide === 'undefined' && typeof initialSlide !== 'undefined') {
-    params.initialSlide = initialSlide;
-  }
-
-  var swiper = app.swiper.create($swiperEl[0], params);
-
-  function updateSwiper() {
-    swiper.update();
-  }
-
-  var $tabEl = $swiperEl.parents('.tab').filter(function (tabEl) {
-    return $(tabEl).parent('.tabs').parent('.tabs-animated-wrap, .tabs-swipeable-wrap').length === 0;
-  }).eq(0);
-  $swiperEl.parents('.popup, .login-screen, .sheet-modal, .popover').on('modal:open', updateSwiper);
-  $swiperEl.parents('.panel').on('panel:open', updateSwiper);
-
-  if ($tabEl && $tabEl.length) {
-    $tabEl.on('tab:show', updateSwiper);
-  }
-
-  swiper.on('beforeDestroy', function () {
-    $swiperEl.parents('.popup, .login-screen, .sheet-modal, .popover').off('modal:open', updateSwiper);
-    $swiperEl.parents('.panel').off('panel:open', updateSwiper);
-
-    if ($tabEl && $tabEl.length) {
-      $tabEl.off('tab:show', updateSwiper);
-    }
-  });
-
-  if (isTabs) {
-    swiper.on('slideChange', function () {
-      if (isRoutableTabs) {
-        var view = app.views.get($swiperEl.parents('.view'));
-        if (!view) view = app.views.main;
-        var router = view.router;
-        var tabRouteUrl = router.findTabRouteUrl(swiper.slides.eq(swiper.activeIndex)[0]);
-
-        if (tabRouteUrl) {
-          setTimeout(function () {
-            router.navigate(tabRouteUrl);
-          }, 0);
-        }
-      } else {
-        app.tab.show({
-          tabEl: swiper.slides.eq(swiper.activeIndex)
-        });
-      }
-    });
-  }
-}
-
-export default {
-  name: 'swiper',
-  static: {
-    Swiper: Swiper
-  },
-  create: function create() {
-    var app = this;
-    app.swiper = ConstructorMethods({
-      defaultSelector: '.swiper-container',
-      constructor: Swiper,
-      domProp: 'swiper'
-    });
-  },
-  on: {
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      var app = this;
-      page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        app.swiper.destroy(swiperEl);
-      });
-    },
-    pageMounted: function pageMounted(page) {
-      var app = this;
-      page.$el.find('.tabs-swipeable-wrap').each(function (swiperEl) {
-        initSwiper.call(app, swiperEl);
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        initSwiper.call(app, swiperEl);
-      });
-    },
-    pageReinit: function pageReinit(page) {
-      var app = this;
-      page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        var swiper = app.swiper.get(swiperEl);
-        if (swiper && swiper.update) swiper.update();
-      });
-    },
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        initSwiper.call(app, swiperEl);
-      });
-    },
-    tabShow: function tabShow(tabEl) {
-      var app = this;
-      $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        var swiper = app.swiper.get(swiperEl);
-        if (swiper && swiper.update) swiper.update();
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      var app = this;
-      $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        app.swiper.destroy(swiperEl);
-      });
-    }
-  },
-  vnode: {
-    'swiper-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var swiperEl = vnode.elm;
-        initSwiper.call(app, swiperEl);
-      },
-      destroy: function destroy(vnode) {
-        var app = this;
-        var swiperEl = vnode.elm;
-        app.swiper.destroy(swiperEl);
-      }
-    },
-    'tabs-swipeable-wrap': {
-      insert: function insert(vnode) {
-        var app = this;
-        var swiperEl = vnode.elm;
-        initSwiper.call(app, swiperEl);
-      },
-      destroy: function destroy(vnode) {
-        var app = this;
-        var swiperEl = vnode.elm;
-        app.swiper.destroy(swiperEl);
-      }
-    }
-  }
-};

package/esm/components/tabs/tabs.js

@@ -1,286 +0,0 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-var Tab = {
-  show: function show() {
-    var app = this;
-    var tabEl;
-    var tabLinkEl;
-    var animate;
-    var tabRoute;
-    var animatedInit;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    if (args.length === 1 && args[0] && args[0].constructor === Object) {
-      tabEl = args[0].tabEl;
-      tabLinkEl = args[0].tabLinkEl;
-      animate = args[0].animate;
-      tabRoute = args[0].tabRoute;
-      animatedInit = args[0].animatedInit;
-    } else {
-      tabEl = args[0];
-      tabLinkEl = args[1];
-      animate = args[2];
-      tabRoute = args[3];
-
-      if (typeof args[1] === 'boolean') {
-        tabEl = args[0];
-        animate = args[1];
-        tabLinkEl = args[2];
-        tabRoute = args[3];
-
-        if (args.length > 2 && tabLinkEl.constructor === Object) {
-          tabEl = args[0];
-          animate = args[1];
-          tabRoute = args[2];
-          tabLinkEl = args[3];
-        }
-      }
-    }
-
-    if (typeof animate === 'undefined') animate = true;
-    var $newTabEl = $(tabEl);
-
-    if (tabRoute && $newTabEl[0]) {
-      $newTabEl[0].f7TabRoute = tabRoute;
-    }
-
-    if (!animatedInit && ($newTabEl.length === 0 || $newTabEl.hasClass('tab-active'))) {
-      return {
-        $newTabEl: $newTabEl,
-        newTabEl: $newTabEl[0]
-      };
-    }
-
-    var $tabLinkEl;
-    if (tabLinkEl) $tabLinkEl = $(tabLinkEl);
-    var $tabsEl = $newTabEl.parent('.tabs');
-
-    if ($tabsEl.length === 0) {
-      return {
-        $newTabEl: $newTabEl,
-        newTabEl: $newTabEl[0]
-      };
-    } // Release swipeouts in hidden tabs
-
-
-    if (app.swipeout) app.swipeout.allowOpen = true; // Animated tabs
-
-    var tabsChangedCallbacks = [];
-
-    function onTabsChanged(callback) {
-      tabsChangedCallbacks.push(callback);
-    }
-
-    function tabsChanged() {
-      tabsChangedCallbacks.forEach(function (callback) {
-        callback();
-      });
-    }
-
-    var animated = false;
-
-    if ($tabsEl.parent().hasClass('tabs-animated-wrap')) {
-      $tabsEl.parent()[animate ? 'removeClass' : 'addClass']('not-animated');
-      var transitionDuration = parseFloat($tabsEl.css('transition-duration').replace(',', '.'));
-
-      if (animate && transitionDuration) {
-        $tabsEl.transitionEnd(tabsChanged);
-        animated = true;
-      }
-
-      var tabsTranslate = (app.rtl ? $newTabEl.index() : -$newTabEl.index()) * 100;
-      $tabsEl.transform("translate3d(" + tabsTranslate + "%,0,0)");
-    } // Swipeable tabs
-
-
-    var swiper;
-
-    if ($tabsEl.parent().hasClass('tabs-swipeable-wrap') && app.swiper) {
-      swiper = $tabsEl.parent()[0].swiper;
-
-      if (swiper && swiper.activeIndex !== $newTabEl.index()) {
-        animated = true;
-        swiper.once('slideChangeTransitionEnd', function () {
-          tabsChanged();
-        }).slideTo($newTabEl.index(), animate ? undefined : 0);
-      } else if (swiper && swiper.animating) {
-        animated = true;
-        swiper.once('slideChangeTransitionEnd', function () {
-          tabsChanged();
-        });
-      }
-    } // Remove active class from old tabs
-
-
-    var $oldTabEl = $tabsEl.children('.tab-active');
-    $oldTabEl.removeClass('tab-active');
-
-    if (!animatedInit && (!swiper || swiper && !swiper.animating || swiper && tabRoute)) {
-      if ($oldTabEl.hasClass('view') && $oldTabEl.children('.page').length) {
-        $oldTabEl.children('.page').each(function (pageEl) {
-          $(pageEl).trigger('page:tabhide');
-          app.emit('pageTabHide', pageEl);
-        });
-      }
-
-      $oldTabEl.trigger('tab:hide');
-      app.emit('tabHide', $oldTabEl[0]);
-    } // Trigger 'show' event on new tab
-
-
-    $newTabEl.addClass('tab-active');
-
-    if (!animatedInit && (!swiper || swiper && !swiper.animating || swiper && tabRoute)) {
-      if ($newTabEl.hasClass('view') && $newTabEl.children('.page').length) {
-        $newTabEl.children('.page').each(function (pageEl) {
-          $(pageEl).trigger('page:tabshow');
-          app.emit('pageTabShow', pageEl);
-        });
-      }
-
-      $newTabEl.trigger('tab:show');
-      app.emit('tabShow', $newTabEl[0]);
-    } // Find related link for new tab
-
-
-    if (!$tabLinkEl) {
-      // Search by id
-      if (typeof tabEl === 'string') $tabLinkEl = $(".tab-link[href=\"" + tabEl + "\"]");else $tabLinkEl = $(".tab-link[href=\"#" + $newTabEl.attr('id') + "\"]"); // Search by data-tab
-
-      if (!$tabLinkEl || $tabLinkEl && $tabLinkEl.length === 0) {
-        $('[data-tab]').each(function (el) {
-          if ($newTabEl.is($(el).attr('data-tab'))) $tabLinkEl = $(el);
-        });
-      }
-
-      if (tabRoute && (!$tabLinkEl || $tabLinkEl && $tabLinkEl.length === 0)) {
-        $tabLinkEl = $("[data-route-tab-id=\"" + tabRoute.route.tab.id + "\"]");
-
-        if ($tabLinkEl.length === 0) {
-          $tabLinkEl = $(".tab-link[href=\"" + tabRoute.url + "\"]");
-        }
-      }
-
-      if ($tabLinkEl.length > 1 && $newTabEl.parents('.page').length) {
-        // eslint-disable-next-line
-        $tabLinkEl = $tabLinkEl.filter(function (tabLinkElement) {
-          return $(tabLinkElement).parents('.page')[0] === $newTabEl.parents('.page')[0];
-        });
-
-        if (app.theme === 'ios' && $tabLinkEl.length === 0 && tabRoute) {
-          var $pageEl = $newTabEl.parents('.page');
-          var $navbarEl = $(app.navbar.getElByPage($pageEl));
-          $tabLinkEl = $navbarEl.find("[data-route-tab-id=\"" + tabRoute.route.tab.id + "\"]");
-
-          if ($tabLinkEl.length === 0) {
-            $tabLinkEl = $navbarEl.find(".tab-link[href=\"" + tabRoute.url + "\"]");
-          }
-        }
-      }
-    }
-
-    if ($tabLinkEl.length > 0) {
-      // Find related link for old tab
-      var $oldTabLinkEl;
-
-      if ($oldTabEl && $oldTabEl.length > 0) {
-        // Search by id
-        var oldTabId = $oldTabEl.attr('id');
-
-        if (oldTabId) {
-          $oldTabLinkEl = $(".tab-link[href=\"#" + oldTabId + "\"]"); // Search by data-route-tab-id
-
-          if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
-            $oldTabLinkEl = $(".tab-link[data-route-tab-id=\"" + oldTabId + "\"]");
-          }
-        } // Search by data-tab
-
-
-        if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
-          $('[data-tab]').each(function (tabLinkElement) {
-            if ($oldTabEl.is($(tabLinkElement).attr('data-tab'))) $oldTabLinkEl = $(tabLinkElement);
-          });
-        }
-
-        if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
-          $oldTabLinkEl = $tabLinkEl.siblings('.tab-link-active');
-        }
-      } else if (tabRoute) {
-        $oldTabLinkEl = $tabLinkEl.siblings('.tab-link-active');
-      }
-
-      if ($oldTabLinkEl && $oldTabLinkEl.length > 1 && $oldTabEl && $oldTabEl.parents('.page').length) {
-        // eslint-disable-next-line
-        $oldTabLinkEl = $oldTabLinkEl.filter(function (tabLinkElement) {
-          return $(tabLinkElement).parents('.page')[0] === $oldTabEl.parents('.page')[0];
-        });
-      }
-
-      if ($oldTabLinkEl && $oldTabLinkEl.length > 0) $oldTabLinkEl.removeClass('tab-link-active'); // Update links' classes
-
-      if ($tabLinkEl && $tabLinkEl.length > 0) {
-        $tabLinkEl.addClass('tab-link-active'); // Material Highlight
-
-        if (app.theme !== 'ios' && app.toolbar) {
-          var $tabbarEl = $tabLinkEl.parents('.tabbar, .tabbar-labels');
-
-          if ($tabbarEl.length > 0) {
-            app.toolbar.setHighlight($tabbarEl);
-          }
-        }
-      }
-    }
-
-    return {
-      $newTabEl: $newTabEl,
-      newTabEl: $newTabEl[0],
-      $oldTabEl: $oldTabEl,
-      oldTabEl: $oldTabEl[0],
-      onTabsChanged: onTabsChanged,
-      animated: animated
-    };
-  }
-};
-export default {
-  name: 'tabs',
-  create: function create() {
-    var app = this;
-    extend(app, {
-      tab: {
-        show: Tab.show.bind(app)
-      }
-    });
-  },
-  on: {
-    'pageInit tabMounted': function onInit(pageOrTabEl) {
-      var $el = $(pageOrTabEl.el || pageOrTabEl);
-      var animatedTabEl = $el.find('.tabs-animated-wrap > .tabs > .tab-active')[0];
-      if (!animatedTabEl) return;
-      var app = this;
-      app.tab.show({
-        tabEl: animatedTabEl,
-        animatedInit: true,
-        animate: false
-      });
-    }
-  },
-  clicks: {
-    '.tab-link': function tabLinkClick($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      if ($clickedEl.attr('href') && $clickedEl.attr('href').indexOf('#') === 0 || $clickedEl.attr('data-tab')) {
-        var app = this;
-        app.tab.show({
-          tabEl: data.tab || $clickedEl.attr('href'),
-          tabLinkEl: $clickedEl,
-          animate: data.animate
-        });
-      }
-    }
-  }
-};

package/esm/components/text-editor/text-editor.js

@@ -1,81 +0,0 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import TextEditor from './text-editor-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-export default {
-  name: 'textEditor',
-  params: {
-    textEditor: {
-      el: null,
-      mode: 'toolbar',
-      // or 'popover'
-      value: undefined,
-      // will use html content
-      customButtons: null,
-      buttons: [['bold', 'italic', 'underline', 'strikeThrough'], ['orderedList', 'unorderedList'], ['link', 'image'], ['paragraph', 'h1', 'h2', 'h3'], ['alignLeft', 'alignCenter', 'alignRight', 'alignJustify'], ['subscript', 'superscript'], ['indent', 'outdent']],
-      dividers: true,
-      imageUrlText: 'Insert image URL',
-      linkUrlText: 'Insert link URL',
-      placeholder: null,
-      clearFormattingOnPaste: true
-    }
-  },
-  create: function create() {
-    var app = this;
-    app.textEditor = extend(ConstructorMethods({
-      defaultSelector: '.text-editor',
-      constructor: TextEditor,
-      app: app,
-      domProp: 'f7TextEditor'
-    }));
-  },
-  static: {
-    TextEditor: TextEditor
-  },
-  on: {
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      $(tabEl).find('.text-editor-init').each(function (editorEl) {
-        var dataset = $(editorEl).dataset();
-        app.textEditor.create(extend({
-          el: editorEl
-        }, dataset || {}));
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      $(tabEl).find('.text-editor-init').each(function (editorEl) {
-        if (editorEl.f7TextEditor) editorEl.f7TextEditor.destroy();
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.text-editor-init').each(function (editorEl) {
-        var dataset = $(editorEl).dataset();
-        app.textEditor.create(extend({
-          el: editorEl
-        }, dataset || {}));
-      });
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      page.$el.find('.text-editor-init').each(function (editorEl) {
-        if (editorEl.f7TextEditor) editorEl.f7TextEditor.destroy();
-      });
-    }
-  },
-  vnode: {
-    'text-editor-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var editorEl = vnode.elm;
-        var dataset = $(editorEl).dataset();
-        app.textEditor.create(extend({
-          el: editorEl
-        }, dataset || {}));
-      },
-      destroy: function destroy(vnode) {
-        var editorEl = vnode.elm;
-        if (editorEl.f7TextEditor) editorEl.f7TextEditor.destroy();
-      }
-    }
-  }
-};

package/esm/components/timeline/timeline.js

@@ -1,3 +0,0 @@
-export default {
-  name: 'timeline'
-};

package/esm/components/toast/toast-class.js

@@ -1,132 +0,0 @@
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import { getWindow } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, nextTick } from '../../shared/utils';
-import Modal from '../modal/modal-class';
-/** @jsx $jsx */
-
-import $jsx from '../../shared/$jsx';
-
-var Toast = /*#__PURE__*/function (_Modal) {
-  _inheritsLoose(Toast, _Modal);
-
-  function Toast(app, params) {
-    var _this;
-
-    var extendedParams = extend({
-      on: {}
-    }, app.params.toast, params); // Extends with open/close Modal methods;
-
-    _this = _Modal.call(this, app, extendedParams) || this;
-
-    var toast = _assertThisInitialized(_this);
-
-    var window = getWindow();
-    toast.app = app;
-    toast.params = extendedParams;
-    var _toast$params = toast.params,
-        closeButton = _toast$params.closeButton,
-        closeTimeout = _toast$params.closeTimeout;
-    var $el;
-
-    if (!toast.params.el) {
-      // Find Element
-      var toastHtml = toast.render();
-      $el = $(toastHtml);
-    } else {
-      $el = $(toast.params.el);
-    }
-
-    if ($el && $el.length > 0 && $el[0].f7Modal) {
-      return $el[0].f7Modal || _assertThisInitialized(_this);
-    }
-
-    if ($el.length === 0) {
-      return toast.destroy() || _assertThisInitialized(_this);
-    }
-
-    extend(toast, {
-      $el: $el,
-      el: $el[0],
-      type: 'toast'
-    });
-    $el[0].f7Modal = toast;
-
-    if (closeButton) {
-      $el.find('.toast-button').on('click', function () {
-        toast.emit('local::closeButtonClick toastCloseButtonClick', toast);
-        toast.close();
-      });
-      toast.on('beforeDestroy', function () {
-        $el.find('.toast-button').off('click');
-      });
-    }
-
-    var timeoutId;
-    toast.on('open', function () {
-      $('.toast.modal-in').each(function (openedEl) {
-        var toastInstance = app.toast.get(openedEl);
-
-        if (openedEl !== toast.el && toastInstance) {
-          toastInstance.close();
-        }
-      });
-
-      if (closeTimeout) {
-        timeoutId = nextTick(function () {
-          toast.close();
-        }, closeTimeout);
-      }
-    });
-    toast.on('close', function () {
-      window.clearTimeout(timeoutId);
-    });
-
-    if (toast.params.destroyOnClose) {
-      toast.once('closed', function () {
-        setTimeout(function () {
-          toast.destroy();
-        }, 0);
-      });
-    }
-
-    return toast || _assertThisInitialized(_this);
-  }
-
-  var _proto = Toast.prototype;
-
-  _proto.render = function render() {
-    var toast = this;
-    if (toast.params.render) return toast.params.render.call(toast, toast);
-    var _toast$params2 = toast.params,
-        position = _toast$params2.position,
-        horizontalPosition = _toast$params2.horizontalPosition,
-        cssClass = _toast$params2.cssClass,
-        icon = _toast$params2.icon,
-        text = _toast$params2.text,
-        closeButton = _toast$params2.closeButton,
-        closeButtonColor = _toast$params2.closeButtonColor,
-        closeButtonText = _toast$params2.closeButtonText;
-    var horizontalClass = position === 'top' || position === 'bottom' ? "toast-horizontal-" + horizontalPosition : '';
-    return $jsx("div", {
-      class: "toast toast-" + position + " " + horizontalClass + " " + (cssClass || '') + " " + (icon ? 'toast-with-icon' : '')
-    }, $jsx("div", {
-      class: "toast-content"
-    }, icon && $jsx("div", {
-      class: "toast-icon"
-    }, icon), $jsx("div", {
-      class: "toast-text"
-    }, text), closeButton && !icon && $jsx("a", {
-      class: "toast-button button " + (closeButtonColor ? "color-" + closeButtonColor : '')
-    }, closeButtonText)));
-  };
-
-  return Toast;
-}(Modal);
-
-export default Toast;