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

package/components/accordion/accordion.js

@@ -1,5 +1,5 @@
-import $ from '../../shared/dom7';
-import { nextFrame, bindMethods } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import { nextFrame, bindMethods } from '../../shared/utils.js';
 const Accordion = {
   toggleClicked($clickedEl) {
     const app = this;

package/components/actions/actions-class.js

@@ -1,12 +1,12 @@
 /* eslint indent: ["off"] */
 import { getWindow, getDocument } from 'ssr-window';
-import { getDevice } from '../../shared/get-device';
-import { extend, nextTick } from '../../shared/utils';
-import Modal from '../modal/modal-class';
-import $ from '../../shared/dom7';
+import { getDevice } from '../../shared/get-device.js';
+import { extend, nextTick } from '../../shared/utils.js';
+import Modal from '../modal/modal-class.js';
+import $ from '../../shared/dom7.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Actions extends Modal {
   constructor(app, params) {

package/components/actions/actions.js

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

package/components/app/app-class.d.ts

@@ -145,7 +145,7 @@ interface Framework7 extends Framework7Class<Framework7Events> {
   rtl: boolean;
   /** Current app theme. Can be md, ios or aurora */
   theme: string;
-  /** Indicates whether the dark theme active or not. This property has effect only when `autoDarkMode` enabled */
+  /** Indicates whether the dark mode active or not. This property has effect only when `autoDarkMode` enabled */
   darkMode: boolean;
   /** Object with app root data passed on intialization */
   data: any;

package/components/app/app-class.js

@@ -1,14 +1,14 @@
 /* eslint-disable no-underscore-dangle */
 import { getWindow, getDocument } from 'ssr-window';
-import { extend, nextFrame } from '../../shared/utils';
-import { getDevice } from '../../shared/get-device';
-import { getSupport } from '../../shared/get-support';
-import Framework7Class from '../../shared/class';
-import EventsClass from '../../shared/events-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-import ModalMethods from '../../shared/modal-methods';
-import $ from '../../shared/dom7';
-import loadModule from './load-module';
+import { extend, nextFrame } from '../../shared/utils.js';
+import { getDevice } from '../../shared/get-device.js';
+import { getSupport } from '../../shared/get-support.js';
+import Framework7Class from '../../shared/class.js';
+import EventsClass from '../../shared/events-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
+import ModalMethods from '../../shared/modal-methods.js';
+import $ from '../../shared/dom7.js';
+import loadModule from './load-module.js';
 
 class Framework7 extends Framework7Class {
   constructor(params = {}) {
@@ -115,7 +115,7 @@ class Framework7 extends Framework7Class {
       app.el = app.$el[0];
       app.el.f7 = app;
       app.rtl = $rootEl.css('direction') === 'rtl';
-    } // Auto Dark Theme
+    } // Auto Dark Mode
 
 
     const DARK = '(prefers-color-scheme: dark)';
@@ -217,7 +217,7 @@ class Framework7 extends Framework7Class {
 
       if (app.rtl) {
         $('html').attr('dir', 'rtl');
-      } // Auto Dark Theme
+      } // Auto Dark Mode
 
 
       if (app.params.autoDarkMode) {

package/components/app/load-module.js

@@ -1,6 +1,6 @@
 import { getWindow, getDocument } from 'ssr-window';
-import { id } from '../../shared/utils';
-import $ from '../../shared/dom7';
+import { id } from '../../shared/utils.js';
+import $ from '../../shared/dom7.js';
 const fetchedModules = [];
 
 function loadModule(moduleToLoad) {

package/components/area-chart/area-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 AreaChart extends Framework7Class {
   constructor(app, params = {}) {

package/components/area-chart/area-chart.js

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

package/components/autocomplete/autocomplete-class.js

@@ -1,11 +1,11 @@
 /* eslint "no-useless-escape": "off" */
-import $ from '../../shared/dom7';
-import { extend, id, nextTick, deleteProps, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils';
-import { getDevice } from '../../shared/get-device';
-import Framework7Class from '../../shared/class';
+import $ from '../../shared/dom7.js';
+import { extend, id, nextTick, deleteProps, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils.js';
+import { getDevice } from '../../shared/get-device.js';
+import Framework7Class from '../../shared/class.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Autocomplete extends Framework7Class {
   constructor(app, params = {}) {

package/components/autocomplete/autocomplete.js

@@ -1,6 +1,6 @@
-import { extend } from '../../shared/utils';
-import Autocomplete from './autocomplete-class';
-import ConstructorMethods from '../../shared/constructor-methods';
+import { extend } from '../../shared/utils.js';
+import Autocomplete from './autocomplete-class.js';
+import ConstructorMethods from '../../shared/constructor-methods.js';
 export default {
   name: 'autocomplete',
   params: {

package/components/calendar/calendar-class.js

@@ -1,11 +1,11 @@
-import { extend, nextTick, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-import $ from '../../shared/dom7';
-import { getDevice } from '../../shared/get-device';
-import { getSupport } from '../../shared/get-support';
+import { extend, nextTick, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+import $ from '../../shared/dom7.js';
+import { getDevice } from '../../shared/get-device.js';
+import { getSupport } from '../../shared/get-support.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Calendar extends Framework7Class {
   constructor(app, params = {}) {

package/components/calendar/calendar.js

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

package/components/card/card.js

@@ -1,9 +1,9 @@
 /* eslint no-param-reassign: "off" */
 import { getDocument } from 'ssr-window';
-import { bindMethods } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
-import { getDevice } from '../../shared/get-device';
-import $ from '../../shared/dom7';
+import { bindMethods } from '../../shared/utils.js';
+import { getSupport } from '../../shared/get-support.js';
+import { getDevice } from '../../shared/get-device.js';
+import $ from '../../shared/dom7.js';
 const CardExpandable = {
   open(cardEl = '.card-expandable', animate = true) {
     const app = this;

package/components/color-picker/color-picker-class.js

@@ -1,23 +1,23 @@
-import { extend, colorRgbToHex, colorRgbToHsl, colorHslToHsb, colorHslToRgb, colorHsbToHsl, colorHexToRgb, nextTick, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-import $ from '../../shared/dom7';
-import { getDevice } from '../../shared/get-device';
-import moduleAlphaSlider from './modules/alpha-slider';
-import moduleCurrentColor from './modules/current-color';
-import moduleHex from './modules/hex';
-import moduleHsbSliders from './modules/hsb-sliders';
-import moduleHueSlider from './modules/hue-slider';
-import moduleBrightnessSlider from './modules/brightness-slider';
-import modulePalette from './modules/palette';
-import moduleInitialCurrentColors from './modules/initial-current-colors';
-import moduleRgbBars from './modules/rgb-bars';
-import moduleRgbSliders from './modules/rgb-sliders';
-import moduleSbSpectrum from './modules/sb-spectrum';
-import moduleHsSpectrum from './modules/hs-spectrum';
-import moduleWheel from './modules/wheel';
+import { extend, colorRgbToHex, colorRgbToHsl, colorHslToHsb, colorHslToRgb, colorHsbToHsl, colorHexToRgb, nextTick, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+import $ from '../../shared/dom7.js';
+import { getDevice } from '../../shared/get-device.js';
+import moduleAlphaSlider from './modules/alpha-slider.js';
+import moduleCurrentColor from './modules/current-color.js';
+import moduleHex from './modules/hex.js';
+import moduleHsbSliders from './modules/hsb-sliders.js';
+import moduleHueSlider from './modules/hue-slider.js';
+import moduleBrightnessSlider from './modules/brightness-slider.js';
+import modulePalette from './modules/palette.js';
+import moduleInitialCurrentColors from './modules/initial-current-colors.js';
+import moduleRgbBars from './modules/rgb-bars.js';
+import moduleRgbSliders from './modules/rgb-sliders.js';
+import moduleSbSpectrum from './modules/sb-spectrum.js';
+import moduleHsSpectrum from './modules/hs-spectrum.js';
+import moduleWheel from './modules/wheel.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class ColorPicker extends Framework7Class {
   constructor(app, params = {}) {

package/components/color-picker/color-picker.js

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

package/components/color-picker/modules/alpha-slider.js

@@ -1,5 +1,5 @@
 /** @jsx $jsx */
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
     const {

package/components/color-picker/modules/brightness-slider.js

@@ -1,7 +1,7 @@
-import { colorHsbToHsl } from '../../../shared/utils';
+import { colorHsbToHsl } from '../../../shared/utils.js';
 /** @jsx $jsx */
 
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
     const {

package/components/color-picker/modules/current-color.js

@@ -1,5 +1,5 @@
 /** @jsx $jsx */
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render() {
     return $jsx("div", {

package/components/color-picker/modules/hex.js

@@ -1,5 +1,5 @@
 /** @jsx $jsx */
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
     const {

package/components/color-picker/modules/hs-spectrum.js

@@ -1,9 +1,9 @@
-import $ from '../../../shared/dom7';
-import { colorHsbToHsl } from '../../../shared/utils';
-import { getSupport } from '../../../shared/get-support';
+import $ from '../../../shared/dom7.js';
+import { colorHsbToHsl } from '../../../shared/utils.js';
+import { getSupport } from '../../../shared/get-support.js';
 /** @jsx $jsx */
 
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render() {
     return $jsx("div", {

package/components/color-picker/modules/hsb-sliders.js

@@ -1,8 +1,8 @@
-import $ from '../../../shared/dom7';
-import { colorHsbToHsl } from '../../../shared/utils';
+import $ from '../../../shared/dom7.js';
+import { colorHsbToHsl } from '../../../shared/utils.js';
 /** @jsx $jsx */
 
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
     const {

package/components/color-picker/modules/hue-slider.js

@@ -1,5 +1,5 @@
 /** @jsx $jsx */
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
     const {

package/components/color-picker/modules/initial-current-colors.js

@@ -1,5 +1,5 @@
 /** @jsx $jsx */
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render() {
     return $jsx("div", {

package/components/color-picker/modules/palette.js

@@ -1,8 +1,8 @@
 /* eslint indent: ["off"] */
-import $ from '../../../shared/dom7';
+import $ from '../../../shared/dom7.js';
 /** @jsx $jsx */
 
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
     return $jsx("div", {

package/components/color-picker/modules/rgb-bars.js

@@ -1,7 +1,7 @@
-import $ from '../../../shared/dom7';
+import $ from '../../../shared/dom7.js';
 /** @jsx $jsx */
 
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
     const {

package/components/color-picker/modules/rgb-sliders.js

@@ -1,7 +1,7 @@
-import $ from '../../../shared/dom7';
+import $ from '../../../shared/dom7.js';
 /** @jsx $jsx */
 
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
     const {

package/components/color-picker/modules/sb-spectrum.js

@@ -1,8 +1,8 @@
-import $ from '../../../shared/dom7';
-import { getSupport } from '../../../shared/get-support';
+import $ from '../../../shared/dom7.js';
+import { getSupport } from '../../../shared/get-support.js';
 /** @jsx $jsx */
 
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 export default {
   render() {
     return $jsx("div", {

package/components/color-picker/modules/wheel.js

@@ -1,8 +1,8 @@
-import $ from '../../../shared/dom7';
-import { getSupport } from '../../../shared/get-support';
+import $ from '../../../shared/dom7.js';
+import { getSupport } from '../../../shared/get-support.js';
 /** @jsx $jsx */
 
-import $jsx from '../../../shared/$jsx';
+import $jsx from '../../../shared/$jsx.js';
 
 function svgWheelCircles() {
   const total = 256;

package/components/data-table/data-table-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 DataTable extends Framework7Class {
   constructor(app, params = {}) {

package/components/data-table/data-table.js

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

package/components/dialog/dialog-class.js

@@ -1,11 +1,11 @@
 import { 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';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Dialog extends Modal {
   constructor(app, params) {

package/components/dialog/dialog.js

@@ -1,6 +1,6 @@
-import { extend, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils';
-import Dialog from './dialog-class';
-import ModalMethods from '../../shared/modal-methods';
+import { extend, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils.js';
+import Dialog from './dialog-class.js';
+import ModalMethods from '../../shared/modal-methods.js';
 export default {
   name: 'dialog',
   params: {

package/components/fab/fab.js

@@ -1,5 +1,5 @@
-import $ from '../../shared/dom7';
-import { bindMethods, getTranslate, nextFrame } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import { bindMethods, getTranslate, nextFrame } from '../../shared/utils.js';
 const Fab = {
   morphOpen(fabEl, targetEl) {
     const app = this;

package/components/form/form.js

@@ -1,6 +1,6 @@
 import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, serializeObject } from '../../shared/utils'; // Form Data
+import $ from '../../shared/dom7.js';
+import { extend, serializeObject } from '../../shared/utils.js'; // Form Data
 
 const FormData = {
   store(form, data) {

package/components/gauge/gauge-class.js

@@ -1,11 +1,11 @@
 /* eslint no-nested-ternary: off */
 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';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
+import $jsx from '../../shared/$jsx.js';
 
 class Gauge extends Framework7Class {
   constructor(app, params = {}) {

package/components/gauge/gauge.js

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

package/components/grid/grid.js

@@ -1,6 +1,6 @@
 import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
 
 function getElMinSize(dimension, $el) {
   let minSize = $el.css(`min-${dimension}`);

package/components/infinite-scroll/infinite-scroll.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 InfiniteScroll = {
   handle(el, e) {
     const app = this;

package/components/input/input.js

@@ -1,7 +1,7 @@
 import { getWindow, getDocument } 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 Input = {
   ignoreTypes: ['checkbox', 'button', 'submit', 'range', 'radio', 'image'],
 

package/components/lazy/lazy.js

@@ -1,7 +1,7 @@
 import { getWindow } 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 Lazy = {
   destroy(pageEl) {
     const $pageEl = $(pageEl).closest('.page');

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

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

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

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

package/components/login-screen/login-screen-class.js

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

package/components/login-screen/login-screen.js

@@ -1,5 +1,5 @@
-import LoginScreen from './login-screen-class';
-import ModalMethods from '../../shared/modal-methods';
+import LoginScreen from './login-screen-class.js';
+import ModalMethods from '../../shared/modal-methods.js';
 export default {
   name: 'loginScreen',
   static: {

package/components/menu/menu.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 Menu = {
   open(el = '.menu-item-dropdown') {
     const app = this;

package/components/messagebar/messagebar-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 Messagebar extends Framework7Class {
   constructor(app, params = {}) {