framework7 7.0.0-beta.4 → 7.0.0-beta.5

package/components/messagebar/messagebar.js

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Messagebar from './messagebar-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import Messagebar from './messagebar-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'messagebar',
   static: {

package/components/messages/messages-class.js

@@ -1,11 +1,11 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Messages extends Framework7Class {
   constructor(app, params = {}) {

package/components/messages/messages.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import Messages from './messages-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import Messages from './messages-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'messages',
   static: {

package/components/modal/custom-modal-class.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Modal from './modal-class';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import Modal from './modal-class.js';
 
 class CustomModal extends Modal {
   constructor(app, params) {

package/components/modal/modal-class.js

@@ -1,7 +1,7 @@
 import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
 const openedModals = [];
 const dialogsQueue = [];
 

package/components/modal/modal.js

@@ -1,5 +1,5 @@
-import Modal from './modal-class';
-import CustomModal from './custom-modal-class';
+import Modal from './modal-class.js';
+import CustomModal from './custom-modal-class.js';
 export default {
   name: 'modal',
   static: {

package/components/navbar/navbar.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import { bindMethods } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
+import $ from '../../shared/dom7.js';
+import { bindMethods } from '../../shared/utils.js';
+import { getSupport } from '../../shared/get-support.js';
 const Navbar = {
   size(el) {
     const app = this;

package/components/notification/notification-class.js

@@ -1,9 +1,9 @@
-import $ from '../../shared/dom7';
-import { extend, now, nextTick } from '../../shared/utils';
-import Modal from '../modal/modal-class';
+import $ from '../../shared/dom7.js';
+import { extend, now, nextTick } from '../../shared/utils.js';
+import Modal from '../modal/modal-class.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Notification extends Modal {
   constructor(app, params) {

package/components/notification/notification.js

@@ -1,6 +1,6 @@
-import { extend } from '../../shared/utils';
-import Notification from './notification-class';
-import ModalMethods from '../../shared/modal-methods';
+import { extend } from '../../shared/utils.js';
+import Notification from './notification-class.js';
+import ModalMethods from '../../shared/modal-methods.js';
 export default {
   name: 'notification',
   static: {

package/components/panel/panel-class.js

@@ -1,9 +1,9 @@
 import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-import swipePanel from './swipe-panel';
-import resizablePanel from './resizable-panel';
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+import swipePanel from './swipe-panel.js';
+import resizablePanel from './resizable-panel.js';
 
 class Panel extends Framework7Class {
   constructor(app, params = {}) {

package/components/panel/panel.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Panel from './panel-class';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import Panel from './panel-class.js';
 export default {
   name: 'panel',
   params: {

package/components/panel/resizable-panel.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import { extend, nextFrame } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
+import $ from '../../shared/dom7.js';
+import { extend, nextFrame } from '../../shared/utils.js';
+import { getSupport } from '../../shared/get-support.js';
 
 function resizablePanel(panel) {
   const app = panel.app;

package/components/panel/swipe-panel.js

@@ -1,5 +1,5 @@
-import $ from '../../shared/dom7';
-import { extend, now, nextFrame } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import { extend, now, nextFrame } from '../../shared/utils.js';
 
 function swipePanel(panel) {
   const app = panel.app;

package/components/photo-browser/photo-browser-class.js

@@ -1,11 +1,11 @@
 /* eslint indent: ["off"] */
 import { getWindow } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, now, nextTick, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
+import $ from '../../shared/dom7.js';
+import { extend, now, nextTick, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class PhotoBrowser extends Framework7Class {
   constructor(app, params = {}) {

package/components/photo-browser/photo-browser.js

@@ -1,5 +1,5 @@
-import PhotoBrowser from './photo-browser-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import PhotoBrowser from './photo-browser-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'photoBrowser',
   params: {

package/components/picker/picker-class.js

@@ -1,12 +1,12 @@
 import { getWindow } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, nextTick, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-import { getDevice } from '../../shared/get-device';
-import pickerColumn from './picker-column';
+import $ from '../../shared/dom7.js';
+import { extend, nextTick, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+import { getDevice } from '../../shared/get-device.js';
+import pickerColumn from './picker-column.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Picker extends Framework7Class {
   constructor(app, params = {}) {

package/components/picker/picker-column.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import { requestAnimationFrame, getTranslate } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
+import $ from '../../shared/dom7.js';
+import { requestAnimationFrame, getTranslate } from '../../shared/utils.js';
+import { getSupport } from '../../shared/get-support.js';
 export default function pickerColumn(colEl, updateItems) {
   const picker = this;
   const app = picker.app;

package/components/picker/picker.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import ConstructorMethods from '../../shared/constructor-methods';
-import Picker from './picker-class';
+import $ from '../../shared/dom7.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
+import Picker from './picker-class.js';
 export default {
   name: 'picker',
   static: {

package/components/pie-chart/pie-chart-class.js

@@ -1,9 +1,9 @@
-import $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class PieChart extends Framework7Class {
   constructor(app, params = {}) {

package/components/pie-chart/pie-chart.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import PieChart from './pie-chart-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import PieChart from './pie-chart-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'pieChart',
   params: {

package/components/popover/popover-class.js

@@ -1,8 +1,8 @@
 import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import { getDevice } from '../../shared/get-device';
-import Modal from '../modal/modal-class';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import { getDevice } from '../../shared/get-device.js';
+import Modal from '../modal/modal-class.js';
 
 class Popover extends Modal {
   constructor(app, params) {

package/components/popover/popover.js

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Popover from './popover-class';
-import ModalMethods from '../../shared/modal-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import Popover from './popover-class.js';
+import ModalMethods from '../../shared/modal-methods.js';
 export default {
   name: 'popover',
   params: {

package/components/popup/popup-class.js

@@ -1,9 +1,9 @@
 import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, now, nextTick } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
-import { getDevice } from '../../shared/get-device';
-import Modal from '../modal/modal-class';
+import $ from '../../shared/dom7.js';
+import { extend, now, nextTick } from '../../shared/utils.js';
+import { getSupport } from '../../shared/get-support.js';
+import { getDevice } from '../../shared/get-device.js';
+import Modal from '../modal/modal-class.js';
 
 class Popup extends Modal {
   constructor(app, params) {

package/components/popup/popup.js

@@ -1,5 +1,5 @@
-import Popup from './popup-class';
-import ModalMethods from '../../shared/modal-methods';
+import Popup from './popup-class.js';
+import ModalMethods from '../../shared/modal-methods.js';
 export default {
   name: 'popup',
   params: {

package/components/preloader/preloader.js

@@ -1,5 +1,5 @@
-import $ from '../../shared/dom7';
-import { bindMethods, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import { bindMethods, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils.js';
 const Preloader = {
   init(el) {
     const app = this;

package/components/progressbar/progressbar.js

@@ -1,5 +1,5 @@
-import $ from '../../shared/dom7';
-import { bindMethods } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import { bindMethods } from '../../shared/utils.js';
 const Progressbar = {
   set(...args) {
     const app = this;

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

@@ -1,8 +1,8 @@
-import $ from '../../shared/dom7';
-import { deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-import { getSupport } from '../../shared/get-support';
-import { getDevice } from '../../shared/get-device';
+import $ from '../../shared/dom7.js';
+import { deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+import { getSupport } from '../../shared/get-support.js';
+import { getDevice } from '../../shared/get-device.js';
 
 class PullToRefresh extends Framework7Class {
   constructor(app, el) {

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

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import PullToRefresh from './pull-to-refresh-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import PullToRefresh from './pull-to-refresh-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'pullToRefresh',
 

package/components/range/range-class.js

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend, nextTick, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-import { getSupport } from '../../shared/get-support';
+import $ from '../../shared/dom7.js';
+import { extend, nextTick, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+import { getSupport } from '../../shared/get-support.js';
 
 class Range extends Framework7Class {
   constructor(app, params) {

package/components/range/range.js

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Range from './range-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import Range from './range-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'range',
 

package/components/searchbar/searchbar-class.js

@@ -1,9 +1,9 @@
 import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, nextTick, deleteProps } from '../../shared/utils';
-import FrameworkClass from '../../shared/class';
-import { getDevice } from '../../shared/get-device';
-import removeDiacritics from './remove-diacritics';
+import $ from '../../shared/dom7.js';
+import { extend, nextTick, deleteProps } from '../../shared/utils.js';
+import FrameworkClass from '../../shared/class.js';
+import { getDevice } from '../../shared/get-device.js';
+import removeDiacritics from './remove-diacritics.js';
 
 class Searchbar extends FrameworkClass {
   constructor(app, params = {}) {

package/components/searchbar/searchbar.js

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Searchbar from './searchbar-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import Searchbar from './searchbar-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'searchbar',
   static: {

package/components/sheet/sheet-class.js

@@ -1,9 +1,9 @@
 import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, now, getTranslate } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
-import { getDevice } from '../../shared/get-device';
-import Modal from '../modal/modal-class';
+import $ from '../../shared/dom7.js';
+import { extend, now, getTranslate } from '../../shared/utils.js';
+import { getSupport } from '../../shared/get-support.js';
+import { getDevice } from '../../shared/get-device.js';
+import Modal from '../modal/modal-class.js';
 
 class Sheet extends Modal {
   constructor(app, params) {

package/components/sheet/sheet.js

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Sheet from './sheet-class';
-import ModalMethods from '../../shared/modal-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import Sheet from './sheet-class.js';
+import ModalMethods from '../../shared/modal-methods.js';
 export default {
   name: 'sheet',
   params: {

package/components/smart-select/smart-select-class.js

@@ -1,9 +1,9 @@
-import $ from '../../shared/dom7';
-import { extend, deleteProps, id, nextTick } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps, id, nextTick } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class SmartSelect extends Framework7Class {
   constructor(app, params = {}) {

package/components/smart-select/smart-select.js

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import SmartSelect from './smart-select-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import SmartSelect from './smart-select-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'smartSelect',
   params: {

package/components/sortable/sortable.js

@@ -1,7 +1,7 @@
 import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { bindMethods } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
+import $ from '../../shared/dom7.js';
+import { bindMethods } from '../../shared/utils.js';
+import { getSupport } from '../../shared/get-support.js';
 const Sortable = {
   init() {
     const app = this;

package/components/statusbar/statusbar.js

@@ -1,7 +1,7 @@
 import { getWindow } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { bindMethods } from '../../shared/utils';
-import { getDevice } from '../../shared/get-device';
+import $ from '../../shared/dom7.js';
+import { bindMethods } from '../../shared/utils.js';
+import { getDevice } from '../../shared/get-device.js';
 
 const isCapacitor = () => {
   const window = getWindow();

package/components/stepper/stepper-class.js

@@ -1,6 +1,6 @@
-import $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
 
 class Stepper extends Framework7Class {
   constructor(app, params) {

package/components/stepper/stepper.js

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Stepper from './stepper-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import Stepper from './stepper-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'stepper',
 

package/components/subnavbar/subnavbar.js

@@ -1,4 +1,4 @@
-import $ from '../../shared/dom7';
+import $ from '../../shared/dom7.js';
 export default {
   name: 'subnavbar',
   on: {

package/components/swipeout/swipeout.js

@@ -1,7 +1,7 @@
 import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { nextFrame, bindMethods } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
+import $ from '../../shared/dom7.js';
+import { nextFrame, bindMethods } from '../../shared/utils.js';
+import { getSupport } from '../../shared/get-support.js';
 const Swipeout = {
   init() {
     const app = this;

package/components/swiper/swiper.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line
 import Swiper from 'swiper/bundle';
-import $ from '../../shared/dom7';
-import ConstructorMethods from '../../shared/constructor-methods'; 
+import $ from '../../shared/dom7.js';
+import ConstructorMethods from '../../shared/constructor-methods.js'; 
 
 
 function initSwiper(swiperEl) {

package/components/tabs/tabs.js

@@ -1,5 +1,5 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
 const Tab = {
   show(...args) {
     const app = this;

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

@@ -1,8 +1,8 @@
 import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-import { getDevice } from '../../shared/get-device';
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+import { getDevice } from '../../shared/get-device.js';
 const textEditorButtonsMap = {
   // f7-icon, material-icon, command
   bold: ['bold', 'format_bold', 'bold'],

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

@@ -1,7 +1,7 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import TextEditor from './text-editor-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import TextEditor from './text-editor-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'textEditor',
   params: {

package/components/toast/toast-class.js

@@ -1,10 +1,10 @@
 import { getWindow } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, nextTick } from '../../shared/utils';
-import Modal from '../modal/modal-class';
+import $ from '../../shared/dom7.js';
+import { extend, nextTick } from '../../shared/utils.js';
+import Modal from '../modal/modal-class.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Toast extends Modal {
   constructor(app, params) {

package/components/toast/toast.js

@@ -1,6 +1,6 @@
-import { extend } from '../../shared/utils';
-import Toast from './toast-class';
-import ModalMethods from '../../shared/modal-methods';
+import { extend } from '../../shared/utils.js';
+import Toast from './toast-class.js';
+import ModalMethods from '../../shared/modal-methods.js';
 export default {
   name: 'toast',
   static: {