framework7 6.3.5 → 7.0.0-beta.10

package/esm/components/toast/toast.js

@@ -1,40 +0,0 @@
-import { extend } from '../../shared/utils';
-import Toast from './toast-class';
-import ModalMethods from '../../shared/modal-methods';
-export default {
-  name: 'toast',
-  static: {
-    Toast: Toast
-  },
-  create: function create() {
-    var app = this;
-    app.toast = extend({}, ModalMethods({
-      app: app,
-      constructor: Toast,
-      defaultSelector: '.toast.modal-in'
-    }), {
-      // Shortcuts
-      show: function show(params) {
-        extend(params, {
-          destroyOnClose: true
-        });
-        return new Toast(app, params).open();
-      }
-    });
-  },
-  params: {
-    toast: {
-      icon: null,
-      text: null,
-      position: 'bottom',
-      horizontalPosition: 'left',
-      closeButton: false,
-      closeButtonColor: null,
-      closeButtonText: 'Ok',
-      closeTimeout: null,
-      cssClass: null,
-      render: null,
-      containerEl: null
-    }
-  }
-};

package/esm/components/toggle/toggle.js

@@ -1,61 +0,0 @@
-import $ from '../../shared/dom7';
-import ConstructorMethods from '../../shared/constructor-methods';
-import Toggle from './toggle-class';
-export default {
-  name: 'toggle',
-  create: function create() {
-    var app = this;
-    app.toggle = ConstructorMethods({
-      defaultSelector: '.toggle',
-      constructor: Toggle,
-      app: app,
-      domProp: 'f7Toggle'
-    });
-  },
-  static: {
-    Toggle: Toggle
-  },
-  on: {
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      $(tabEl).find('.toggle-init').each(function (toggleEl) {
-        return app.toggle.create({
-          el: toggleEl
-        });
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      $(tabEl).find('.toggle-init').each(function (toggleEl) {
-        if (toggleEl.f7Toggle) toggleEl.f7Toggle.destroy();
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.toggle-init').each(function (toggleEl) {
-        return app.toggle.create({
-          el: toggleEl
-        });
-      });
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      page.$el.find('.toggle-init').each(function (toggleEl) {
-        if (toggleEl.f7Toggle) toggleEl.f7Toggle.destroy();
-      });
-    }
-  },
-  vnode: {
-    'toggle-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var toggleEl = vnode.elm;
-        app.toggle.create({
-          el: toggleEl
-        });
-      },
-      destroy: function destroy(vnode) {
-        var toggleEl = vnode.elm;
-        if (toggleEl.f7Toggle) toggleEl.f7Toggle.destroy();
-      }
-    }
-  }
-};

package/esm/components/tooltip/tooltip.js

@@ -1,135 +0,0 @@
-import $ from '../../shared/dom7';
-import Tooltip from './tooltip-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-export default {
-  name: 'tooltip',
-  static: {
-    Tooltip: Tooltip
-  },
-  create: function create() {
-    var app = this;
-    app.tooltip = ConstructorMethods({
-      defaultSelector: '.tooltip',
-      constructor: Tooltip,
-      app: app,
-      domProp: 'f7Tooltip'
-    });
-
-    app.tooltip.show = function show(el) {
-      var $el = $(el);
-      if ($el.length === 0) return undefined;
-      var tooltip = $el[0].f7Tooltip;
-      if (!tooltip) return undefined;
-      tooltip.show($el[0]);
-      return tooltip;
-    };
-
-    app.tooltip.hide = function hide(el) {
-      var $el = $(el);
-      if ($el.length === 0) return undefined;
-      var tooltip = $el[0].f7Tooltip;
-      if (!tooltip) return undefined;
-      tooltip.hide();
-      return tooltip;
-    };
-
-    app.tooltip.setText = function text(el, newText) {
-      var $el = $(el);
-      if ($el.length === 0) return undefined;
-      var tooltip = $el[0].f7Tooltip;
-      if (!tooltip) return undefined;
-      tooltip.setText(newText);
-      return tooltip;
-    };
-  },
-  params: {
-    tooltip: {
-      targetEl: null,
-      delegated: false,
-      text: null,
-      cssClass: null,
-      render: null,
-      offset: 0,
-      trigger: 'hover',
-      containerEl: undefined
-    }
-  },
-  on: {
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      $(tabEl).find('.tooltip-init').each(function (el) {
-        var text = $(el).attr('data-tooltip');
-        if (!text) return;
-        app.tooltip.create({
-          targetEl: el,
-          text: text
-        });
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      $(tabEl).find('.tooltip-init').each(function (el) {
-        if (el.f7Tooltip) el.f7Tooltip.destroy();
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.tooltip-init').each(function (el) {
-        var text = $(el).attr('data-tooltip');
-        if (!text) return;
-        app.tooltip.create({
-          targetEl: el,
-          text: text
-        });
-      });
-
-      if (app.theme === 'ios' && page.view && page.view.router.dynamicNavbar && page.$navbarEl && page.$navbarEl.length > 0) {
-        page.$navbarEl.find('.tooltip-init').each(function (el) {
-          var text = $(el).attr('data-tooltip');
-          if (!text) return;
-          app.tooltip.create({
-            targetEl: el,
-            text: text
-          });
-        });
-      }
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      var app = this;
-      page.$el.find('.tooltip-init').each(function (el) {
-        if (el.f7Tooltip) el.f7Tooltip.destroy();
-      });
-
-      if (app.theme === 'ios' && page.view && page.view.router.dynamicNavbar && page.$navbarEl && page.$navbarEl.length > 0) {
-        page.$navbarEl.find('.tooltip-init').each(function (el) {
-          if (el.f7Tooltip) el.f7Tooltip.destroy();
-        });
-      }
-    }
-  },
-  vnode: {
-    'tooltip-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var el = vnode.elm;
-        var text = $(el).attr('data-tooltip');
-        if (!text) return;
-        app.tooltip.create({
-          targetEl: el,
-          text: text
-        });
-      },
-      update: function update(vnode) {
-        var el = vnode.elm;
-        if (!el.f7Tooltip) return;
-
-        if (vnode && vnode.data && vnode.data.attrs && vnode.data.attrs['data-tooltip']) {
-          el.f7Tooltip.setText(vnode.data.attrs['data-tooltip']);
-        }
-      },
-      destroy: function destroy(vnode) {
-        var el = vnode.elm;
-        if (el.f7Tooltip) el.f7Tooltip.destroy();
-      }
-    }
-  }
-};

package/esm/components/touch-ripple/touch-ripple-class.js

@@ -1,103 +0,0 @@
-import $ from '../../shared/dom7';
-
-var TouchRipple = /*#__PURE__*/function () {
-  function TouchRipple(app, $el, x, y) {
-    var ripple = this;
-    if (!$el) return undefined;
-
-    var _$el$0$getBoundingCli = $el[0].getBoundingClientRect(),
-        left = _$el$0$getBoundingCli.left,
-        top = _$el$0$getBoundingCli.top,
-        width = _$el$0$getBoundingCli.width,
-        height = _$el$0$getBoundingCli.height;
-
-    var center = {
-      x: x - left,
-      y: y - top
-    };
-    var diameter = Math.max(Math.pow(Math.pow(height, 2) + Math.pow(width, 2), 0.5), 48);
-    var isInset = false;
-    var insetElements = app.params.touch.touchRippleInsetElements || '';
-
-    if (insetElements && $el.is(insetElements)) {
-      isInset = true;
-    }
-
-    if (isInset) {
-      diameter = Math.max(Math.min(width, height), 48);
-    }
-
-    if (!isInset && $el.css('overflow') === 'hidden') {
-      var distanceFromCenter = Math.pow(Math.pow(center.x - width / 2, 2) + Math.pow(center.y - height / 2, 2), 0.5);
-      var scale = (diameter / 2 + distanceFromCenter) / (diameter / 2);
-      ripple.rippleTransform = "translate3d(0px, 0px, 0) scale(" + scale + ")";
-    } else {
-      // prettier-ignore
-      ripple.rippleTransform = "translate3d(" + (-center.x + width / 2) + "px, " + (-center.y + height / 2) + "px, 0) scale(1)";
-    }
-
-    if (isInset) {
-      $el.addClass('ripple-inset');
-    }
-
-    ripple.$rippleWaveEl = $("<div class=\"ripple-wave\" style=\"width: " + diameter + "px; height: " + diameter + "px; margin-top:-" + diameter / 2 + "px; margin-left:-" + diameter / 2 + "px; left:" + center.x + "px; top:" + center.y + "px; --f7-ripple-transform: " + ripple.rippleTransform + "\"></div>");
-    $el.prepend(ripple.$rippleWaveEl);
-    ripple.$rippleWaveEl.animationEnd(function () {
-      if (!ripple.$rippleWaveEl) return;
-      if (ripple.$rippleWaveEl.hasClass('ripple-wave-out')) return;
-      ripple.$rippleWaveEl.addClass('ripple-wave-in');
-
-      if (ripple.shouldBeRemoved) {
-        ripple.out();
-      }
-    });
-    return ripple;
-  }
-
-  var _proto = TouchRipple.prototype;
-
-  _proto.destroy = function destroy() {
-    var ripple = this;
-
-    if (ripple.$rippleWaveEl) {
-      ripple.$rippleWaveEl.remove();
-    }
-
-    Object.keys(ripple).forEach(function (key) {
-      ripple[key] = null;
-      delete ripple[key];
-    });
-    ripple = null;
-  };
-
-  _proto.out = function out() {
-    var ripple = this;
-    var $rippleWaveEl = this.$rippleWaveEl;
-    clearTimeout(ripple.removeTimeout);
-    $rippleWaveEl.addClass('ripple-wave-out');
-    ripple.removeTimeout = setTimeout(function () {
-      ripple.destroy();
-    }, 300);
-    $rippleWaveEl.animationEnd(function () {
-      clearTimeout(ripple.removeTimeout);
-      ripple.destroy();
-    });
-  };
-
-  _proto.remove = function remove() {
-    var ripple = this;
-    if (ripple.shouldBeRemoved) return;
-    ripple.removeTimeout = setTimeout(function () {
-      ripple.destroy();
-    }, 400);
-    ripple.shouldBeRemoved = true;
-
-    if (ripple.$rippleWaveEl.hasClass('ripple-wave-in')) {
-      ripple.out();
-    }
-  };
-
-  return TouchRipple;
-}();
-
-export { TouchRipple as default };

package/esm/components/touch-ripple/touch-ripple.js

@@ -1,25 +0,0 @@
-function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import TouchRipple from './touch-ripple-class';
-export default {
-  name: 'touch-ripple',
-  static: {
-    TouchRipple: TouchRipple
-  },
-  create: function create() {
-    var app = this;
-    app.touchRipple = {
-      create: function create() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        return _construct(TouchRipple, args);
-      }
-    };
-  }
-};

package/esm/components/treeview/treeview.js

@@ -1,78 +0,0 @@
-import $ from '../../shared/dom7';
-import { bindMethods, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils';
-var Treeview = {
-  open: function open(itemEl) {
-    var app = this;
-    var $itemEl = $(itemEl).eq(0);
-    if (!$itemEl.length) return;
-    $itemEl.addClass('treeview-item-opened');
-    $itemEl.trigger('treeview:open');
-    app.emit('treeviewOpen', $itemEl[0]);
-
-    function done(cancel) {
-      if (cancel) {
-        $itemEl.removeClass('treeview-item-opened');
-        $itemEl.trigger('treeview:close');
-        app.emit('treeviewClose', $itemEl[0]);
-      } else {
-        $itemEl[0].f7TreeviewChildrenLoaded = true;
-      }
-
-      $itemEl.find('.treeview-toggle').removeClass('treeview-toggle-hidden');
-      $itemEl.find('.treeview-preloader').remove();
-    }
-
-    if ($itemEl.hasClass('treeview-load-children') && !$itemEl[0].f7TreeviewChildrenLoaded) {
-      var preloaders = {
-        iosPreloaderContent: iosPreloaderContent,
-        mdPreloaderContent: mdPreloaderContent,
-        auroraPreloaderContent: auroraPreloaderContent
-      };
-      $itemEl.trigger('treeview:loadchildren', done);
-      app.emit('treeviewLoadChildren', $itemEl[0], done);
-      $itemEl.find('.treeview-toggle').addClass('treeview-toggle-hidden');
-      $itemEl.find('.treeview-item-root').prepend("<div class=\"preloader treeview-preloader\">" + preloaders[app.theme + "PreloaderContent"] + "</div>");
-    }
-  },
-  close: function close(itemEl) {
-    var app = this;
-    var $itemEl = $(itemEl).eq(0);
-    if (!$itemEl.length) return;
-    $itemEl.removeClass('treeview-item-opened');
-    $itemEl.trigger('treeview:close');
-    app.emit('treeviewClose', $itemEl[0]);
-  },
-  toggle: function toggle(itemEl) {
-    var app = this;
-    var $itemEl = $(itemEl).eq(0);
-    if (!$itemEl.length) return;
-    var wasOpened = $itemEl.hasClass('treeview-item-opened');
-    app.treeview[wasOpened ? 'close' : 'open']($itemEl);
-  }
-};
-export default {
-  name: 'treeview',
-  create: function create() {
-    var app = this;
-    bindMethods(app, {
-      treeview: Treeview
-    });
-  },
-  clicks: {
-    '.treeview-toggle': function toggle($clickedEl, clickedData, e) {
-      var app = this;
-      if ($clickedEl.parents('.treeview-item-toggle').length) return;
-      var $treeviewItemEl = $clickedEl.parents('.treeview-item').eq(0);
-      if (!$treeviewItemEl.length) return;
-      e.preventF7Router = true;
-      app.treeview.toggle($treeviewItemEl[0]);
-    },
-    '.treeview-item-toggle': function toggle($clickedEl, clickedData, e) {
-      var app = this;
-      var $treeviewItemEl = $clickedEl.closest('.treeview-item').eq(0);
-      if (!$treeviewItemEl.length) return;
-      e.preventF7Router = true;
-      app.treeview.toggle($treeviewItemEl[0]);
-    }
-  }
-};

package/esm/components/typography/typography.js

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

package/esm/components/virtual-list/virtual-list.js

@@ -1,17 +0,0 @@
-import VirtualList from './virtual-list-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-export default {
-  name: 'virtualList',
-  static: {
-    VirtualList: VirtualList
-  },
-  create: function create() {
-    var app = this;
-    app.virtualList = ConstructorMethods({
-      defaultSelector: '.virtual-list',
-      constructor: VirtualList,
-      app: app,
-      domProp: 'f7VirtualList'
-    });
-  }
-};

package/esm/framework7-bundle.js

@@ -1,98 +0,0 @@
-/**
- * Framework7 6.3.5
- * Full featured mobile HTML framework for building iOS & Android apps
- * https://framework7.io/
- *
- * Copyright 2014-2021 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: September 30, 2021
- */
-
-import $ from './shared/dom7';
-import Framework7 from './components/app/app-class';
-import request from './shared/request';
-import * as utils from './shared/utils';
-import { getSupport } from './shared/get-support';
-import { getDevice } from './shared/get-device';
-import DeviceModule from './modules/device/device';
-import SupportModule from './modules/support/support';
-import UtilsModule from './modules/utils/utils';
-import ResizeModule from './modules/resize/resize';
-import RequestModule from './modules/request/request';
-import TouchModule from './modules/touch/touch';
-import ClicksModule from './modules/clicks/clicks';
-import RouterModule from './modules/router/router';
-import RouterComponentLoaderModule from './modules/router/component-loader';
-import ComponentModule, { Component, $jsx } from './modules/component/component';
-import HistoryModule from './modules/history/history';
-import ServiceWorkerModule from './modules/service-worker/service-worker';
-import StoreModule, { createStore } from './modules/store/store';
-import Statusbar from './components/statusbar/statusbar';
-import View from './components/view/view';
-import Navbar from './components/navbar/navbar';
-import Toolbar from './components/toolbar/toolbar';
-import Subnavbar from './components/subnavbar/subnavbar';
-import TouchRipple from './components/touch-ripple/touch-ripple';
-import Modal from './components/modal/modal';
-import Router from './modules/router/router-class';
-import Appbar from './components/appbar/appbar';
-import Dialog from './components/dialog/dialog';
-import Popup from './components/popup/popup';
-import LoginScreen from './components/login-screen/login-screen';
-import Popover from './components/popover/popover';
-import Actions from './components/actions/actions';
-import Sheet from './components/sheet/sheet';
-import Toast from './components/toast/toast';
-import Preloader from './components/preloader/preloader';
-import Progressbar from './components/progressbar/progressbar';
-import Sortable from './components/sortable/sortable';
-import Swipeout from './components/swipeout/swipeout';
-import Accordion from './components/accordion/accordion';
-import ContactsList from './components/contacts-list/contacts-list';
-import VirtualList from './components/virtual-list/virtual-list';
-import ListIndex from './components/list-index/list-index';
-import Timeline from './components/timeline/timeline';
-import Tabs from './components/tabs/tabs';
-import Panel from './components/panel/panel';
-import Card from './components/card/card';
-import Chip from './components/chip/chip';
-import Form from './components/form/form';
-import Input from './components/input/input';
-import Checkbox from './components/checkbox/checkbox';
-import Radio from './components/radio/radio';
-import Toggle from './components/toggle/toggle';
-import Range from './components/range/range';
-import Stepper from './components/stepper/stepper';
-import SmartSelect from './components/smart-select/smart-select';
-import Grid from './components/grid/grid';
-import Calendar from './components/calendar/calendar';
-import Picker from './components/picker/picker';
-import InfiniteScroll from './components/infinite-scroll/infinite-scroll';
-import PullToRefresh from './components/pull-to-refresh/pull-to-refresh';
-import Lazy from './components/lazy/lazy';
-import DataTable from './components/data-table/data-table';
-import Fab from './components/fab/fab';
-import Searchbar from './components/searchbar/searchbar';
-import Messages from './components/messages/messages';
-import Messagebar from './components/messagebar/messagebar';
-import Swiper from './components/swiper/swiper';
-import PhotoBrowser from './components/photo-browser/photo-browser';
-import Notification from './components/notification/notification';
-import Autocomplete from './components/autocomplete/autocomplete';
-import Tooltip from './components/tooltip/tooltip';
-import Gauge from './components/gauge/gauge';
-import Skeleton from './components/skeleton/skeleton';
-import Menu from './components/menu/menu';
-import ColorPicker from './components/color-picker/color-picker';
-import Treeview from './components/treeview/treeview';
-import TextEditor from './components/text-editor/text-editor';
-import PieChart from './components/pie-chart/pie-chart';
-import AreaChart from './components/area-chart/area-chart';
-import Elevation from './components/elevation/elevation';
-import Typography from './components/typography/typography';
-Router.use([RouterComponentLoaderModule]);
-Framework7.use([DeviceModule, SupportModule, UtilsModule, ResizeModule, RequestModule, TouchModule, ClicksModule, RouterModule, HistoryModule, ComponentModule, ServiceWorkerModule, StoreModule, Statusbar, View, Navbar, Toolbar, Subnavbar, TouchRipple, Modal, Appbar, Dialog, Popup, LoginScreen, Popover, Actions, Sheet, Toast, Preloader, Progressbar, Sortable, Swipeout, Accordion, ContactsList, VirtualList, ListIndex, Timeline, Tabs, Panel, Card, Chip, Form, Input, Checkbox, Radio, Toggle, Range, Stepper, SmartSelect, Grid, Calendar, Picker, InfiniteScroll, PullToRefresh, Lazy, DataTable, Fab, Searchbar, Messages, Messagebar, Swiper, PhotoBrowser, Notification, Autocomplete, Tooltip, Gauge, Skeleton, Menu, ColorPicker, Treeview, TextEditor, PieChart, AreaChart, Elevation, Typography]);
-export { Component, $jsx, $ as Dom7, request, utils, getDevice, getSupport, createStore };
-export default Framework7;

package/esm/framework7-lite-bundle.js

@@ -1,91 +0,0 @@
-/**
- * Framework7 6.3.5
- * Full featured mobile HTML framework for building iOS & Android apps
- * https://framework7.io/
- *
- * Copyright 2014-2021 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: September 30, 2021
- */
-
-import $ from './shared/dom7';
-import Framework7 from './components/app/app-class';
-import request from './shared/request';
-import * as utils from './shared/utils';
-import { getSupport } from './shared/get-support';
-import { getDevice } from './shared/get-device';
-import DeviceModule from './modules/device/device';
-import SupportModule from './modules/support/support';
-import UtilsModule from './modules/utils/utils';
-import ResizeModule from './modules/resize/resize';
-import RequestModule from './modules/request/request';
-import TouchModule from './modules/touch/touch';
-import ClicksModule from './modules/clicks/clicks';
-import RouterModule from './modules/router/router';
-import HistoryModule from './modules/history/history';
-import ServiceWorkerModule from './modules/service-worker/service-worker';
-import StoreModule, { createStore } from './modules/store/store';
-import Statusbar from './components/statusbar/statusbar';
-import View from './components/view/view';
-import Navbar from './components/navbar/navbar';
-import Toolbar from './components/toolbar/toolbar';
-import Subnavbar from './components/subnavbar/subnavbar';
-import TouchRipple from './components/touch-ripple/touch-ripple';
-import Modal from './components/modal/modal';
-import Appbar from './components/appbar/appbar';
-import Dialog from './components/dialog/dialog';
-import Popup from './components/popup/popup';
-import LoginScreen from './components/login-screen/login-screen';
-import Popover from './components/popover/popover';
-import Actions from './components/actions/actions';
-import Sheet from './components/sheet/sheet';
-import Toast from './components/toast/toast';
-import Preloader from './components/preloader/preloader';
-import Progressbar from './components/progressbar/progressbar';
-import Sortable from './components/sortable/sortable';
-import Swipeout from './components/swipeout/swipeout';
-import Accordion from './components/accordion/accordion';
-import ContactsList from './components/contacts-list/contacts-list';
-import VirtualList from './components/virtual-list/virtual-list';
-import ListIndex from './components/list-index/list-index';
-import Timeline from './components/timeline/timeline';
-import Tabs from './components/tabs/tabs';
-import Panel from './components/panel/panel';
-import Card from './components/card/card';
-import Chip from './components/chip/chip';
-import Form from './components/form/form';
-import Input from './components/input/input';
-import Checkbox from './components/checkbox/checkbox';
-import Radio from './components/radio/radio';
-import Toggle from './components/toggle/toggle';
-import Range from './components/range/range';
-import Stepper from './components/stepper/stepper';
-import SmartSelect from './components/smart-select/smart-select';
-import Grid from './components/grid/grid';
-import Calendar from './components/calendar/calendar';
-import Picker from './components/picker/picker';
-import InfiniteScroll from './components/infinite-scroll/infinite-scroll';
-import PullToRefresh from './components/pull-to-refresh/pull-to-refresh';
-import Lazy from './components/lazy/lazy';
-import DataTable from './components/data-table/data-table';
-import Fab from './components/fab/fab';
-import Searchbar from './components/searchbar/searchbar';
-import Messages from './components/messages/messages';
-import Messagebar from './components/messagebar/messagebar';
-import Swiper from './components/swiper/swiper';
-import PhotoBrowser from './components/photo-browser/photo-browser';
-import Notification from './components/notification/notification';
-import Autocomplete from './components/autocomplete/autocomplete';
-import Tooltip from './components/tooltip/tooltip';
-import Skeleton from './components/skeleton/skeleton';
-import Menu from './components/menu/menu';
-import ColorPicker from './components/color-picker/color-picker';
-import Treeview from './components/treeview/treeview';
-import TextEditor from './components/text-editor/text-editor';
-import Elevation from './components/elevation/elevation';
-import Typography from './components/typography/typography';
-Framework7.use([DeviceModule, SupportModule, UtilsModule, ResizeModule, RequestModule, TouchModule, ClicksModule, RouterModule, HistoryModule, ServiceWorkerModule, StoreModule, Statusbar, View, Navbar, Toolbar, Subnavbar, TouchRipple, Modal, Appbar, Dialog, Popup, LoginScreen, Popover, Actions, Sheet, Toast, Preloader, Progressbar, Sortable, Swipeout, Accordion, ContactsList, VirtualList, ListIndex, Timeline, Tabs, Panel, Card, Chip, Form, Input, Checkbox, Radio, Toggle, Range, Stepper, SmartSelect, Grid, Calendar, Picker, InfiniteScroll, PullToRefresh, Lazy, DataTable, Fab, Searchbar, Messages, Messagebar, Swiper, PhotoBrowser, Notification, Autocomplete, Tooltip, Skeleton, Menu, ColorPicker, Treeview, TextEditor, Elevation, Typography]);
-export { $ as Dom7, request, utils, getDevice, getSupport, createStore };
-export default Framework7;