framework7 6.3.15 → 7.0.0-beta.11

package/esm/framework7-lite.js

@@ -1,39 +0,0 @@
-/**
- * Framework7 6.3.15
- * Full featured mobile HTML framework for building iOS & Android apps
- * https://framework7.io/
- *
- * Copyright 2014-2022 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: January 19, 2022
- */
-
-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';
-Framework7.use([DeviceModule, SupportModule, UtilsModule, ResizeModule, RequestModule, TouchModule, ClicksModule, RouterModule, HistoryModule, ServiceWorkerModule, StoreModule, Statusbar, View, Navbar, Toolbar, Subnavbar, TouchRipple, Modal]);
-export { $ as Dom7, request, utils, getDevice, getSupport, createStore };
-export default Framework7;

package/esm/framework7.js

@@ -1,43 +0,0 @@
-/**
- * Framework7 6.3.15
- * Full featured mobile HTML framework for building iOS & Android apps
- * https://framework7.io/
- *
- * Copyright 2014-2022 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: January 19, 2022
- */
-
-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';
-Router.use([RouterComponentLoaderModule]);
-Framework7.use([DeviceModule, SupportModule, UtilsModule, ResizeModule, RequestModule, TouchModule, ClicksModule, RouterModule, HistoryModule, ComponentModule, ServiceWorkerModule, StoreModule, Statusbar, View, Navbar, Toolbar, Subnavbar, TouchRipple, Modal]);
-export { Component, $jsx, $ as Dom7, request, utils, getDevice, getSupport, createStore };
-export default Framework7;

package/esm/modules/component/$h.js

@@ -1,20 +0,0 @@
-import htm from 'htm';
-import { flattenArray } from '../../shared/utils';
-var ignoreChildren = [false, null, '', undefined];
-
-var h = function h(type, props) {
-  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    children[_key - 2] = arguments[_key];
-  }
-
-  return {
-    type: type,
-    props: props || {},
-    children: flattenArray(children.filter(function (child) {
-      return ignoreChildren.indexOf(child) < 0;
-    }))
-  };
-};
-
-var $h = htm.bind(h);
-export default $h;

package/esm/modules/component/$jsx.js

@@ -1,24 +0,0 @@
-import { flattenArray } from '../../shared/utils';
-var ignoreChildren = [false, null, '', undefined];
-
-var $jsx = function $jsx(type, props) {
-  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    children[_key - 2] = arguments[_key];
-  }
-
-  var flatChildren = flattenArray((children || []).filter(function (child) {
-    return ignoreChildren.indexOf(child) < 0;
-  }));
-
-  if (type === 'Fragment') {
-    return flatChildren;
-  }
-
-  return {
-    type: type,
-    props: props || {},
-    children: flatChildren
-  };
-};
-
-export default $jsx;

package/esm/modules/component/component-class.js

@@ -1,421 +0,0 @@
-/* eslint no-underscore-dangle: "off" */
-import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import $h from './$h';
-import { id as generateId, merge, eventNameToColonCase, deleteProps } from '../../shared/utils';
-import vdom from './vdom';
-import patch from './patch';
-
-var Component = /*#__PURE__*/function () {
-  function Component(app, component, props, _temp) {
-    var _this = this;
-
-    if (props === void 0) {
-      props = {};
-    }
-
-    var _ref = _temp === void 0 ? {} : _temp,
-        el = _ref.el,
-        context = _ref.context,
-        children = _ref.children;
-
-    var document = getDocument();
-    merge(this, {
-      f7: app,
-      props: props || {},
-      context: context || {},
-      id: component.id || generateId(),
-      children: children || [],
-      theme: {
-        ios: app.theme === 'ios',
-        md: app.theme === 'md',
-        aurora: app.theme === 'aurora'
-      },
-      style: component.style,
-      __updateQueue: [],
-      __eventHandlers: [],
-      __onceEventHandlers: [],
-      __onBeforeMount: [],
-      __onMounted: [],
-      __onBeforeUpdate: [],
-      __onUpdated: [],
-      __onBeforeUnmount: [],
-      __onUnmounted: []
-    });
-
-    var createComponent = function createComponent() {
-      return component(_this.props, _this.getComponentContext(true));
-    };
-
-    var getRenderFuncion = function getRenderFuncion(componentResult) {
-      return new Promise(function (resolve, reject) {
-        if (typeof componentResult === 'function') {
-          resolve(componentResult);
-        } else if (componentResult instanceof Promise) {
-          componentResult.then(function (render) {
-            resolve(render);
-          }).catch(function (err) {
-            reject(err);
-          });
-        } else {
-          reject(new Error('Framework7: Component render function is not a "function" type. Didn\'t you forget to "return $render"?'));
-        }
-      });
-    };
-
-    return new Promise(function (resolve, reject) {
-      var componentResult = createComponent();
-      getRenderFuncion(componentResult).then(function (render) {
-        _this.renderFunction = render;
-
-        var tree = _this.render();
-
-        if (el) {
-          _this.vnode = vdom(tree, _this, true);
-
-          if (_this.style) {
-            _this.styleEl = document.createElement('style');
-            _this.styleEl.innerHTML = _this.style;
-          }
-
-          _this.el = el;
-          patch(_this.el, _this.vnode);
-          _this.el = _this.vnode.elm;
-          _this.$el = $(_this.el);
-
-          _this.attachEvents();
-
-          _this.el.f7Component = _this;
-
-          _this.mount();
-
-          resolve(_this);
-          return;
-        } // Make Dom
-
-
-        if (tree) {
-          _this.vnode = vdom(tree, _this, true);
-          _this.el = document.createElement(_this.vnode.sel || 'div');
-          patch(_this.el, _this.vnode);
-          _this.$el = $(_this.el);
-        }
-
-        if (_this.style) {
-          _this.styleEl = document.createElement('style');
-          _this.styleEl.innerHTML = _this.style;
-        }
-
-        _this.attachEvents();
-
-        if (_this.el) {
-          _this.el.f7Component = _this;
-        }
-
-        resolve(_this);
-      }).catch(function (err) {
-        reject(err);
-      });
-    });
-  }
-
-  var _proto = Component.prototype;
-
-  _proto.on = function on(eventName, handler) {
-    if (!this.__eventHandlers) return;
-
-    this.__eventHandlers.push({
-      eventName: eventName,
-      handler: handler
-    });
-  };
-
-  _proto.once = function once(eventName, handler) {
-    if (!this.__eventHandlers) return;
-
-    this.__onceEventHandlers.push({
-      eventName: eventName,
-      handler: handler
-    });
-  };
-
-  _proto.getComponentRef = function getComponentRef() {
-    var self = this;
-    return function (initialValue) {
-      var value = initialValue;
-      var obj = {};
-      Object.defineProperty(obj, 'value', {
-        get: function get() {
-          return value;
-        },
-        set: function set(v) {
-          value = v;
-          self.update();
-        }
-      });
-      return obj;
-    };
-  };
-
-  _proto.getComponentStore = function getComponentStore() {
-    var _this2 = this;
-
-    var _this$f7$store = this.f7.store,
-        state = _this$f7$store.state,
-        _gettersPlain = _this$f7$store._gettersPlain,
-        dispatch = _this$f7$store.dispatch;
-    var $store = {
-      state: state,
-      dispatch: dispatch
-    };
-    $store.getters = new Proxy(_gettersPlain, {
-      get: function get(target, prop) {
-        var obj = target[prop];
-
-        var callback = function callback(v) {
-          obj.value = v;
-
-          _this2.update();
-        };
-
-        obj.onUpdated(callback);
-        return obj;
-      }
-    });
-    return $store;
-  };
-
-  _proto.getComponentContext = function getComponentContext(includeHooks) {
-    var _this3 = this;
-
-    var ctx = {
-      $f7route: this.context.f7route,
-      $f7router: this.context.f7router,
-      $h: $h,
-      $: $,
-      $id: this.id,
-      $f7: this.f7,
-      $f7ready: this.f7ready.bind(this),
-      $theme: this.theme,
-      $tick: this.tick.bind(this),
-      $update: this.update.bind(this),
-      $emit: this.emit.bind(this),
-      $store: this.getComponentStore(),
-      $ref: this.getComponentRef(),
-      $el: {}
-    };
-    Object.defineProperty(ctx.$el, 'value', {
-      get: function get() {
-        return _this3.$el;
-      }
-    });
-    if (includeHooks) Object.assign(ctx, {
-      $on: this.on.bind(this),
-      $once: this.once.bind(this),
-      $onBeforeMount: function $onBeforeMount(handler) {
-        return _this3.__onBeforeMount.push(handler);
-      },
-      $onMounted: function $onMounted(handler) {
-        return _this3.__onMounted.push(handler);
-      },
-      $onBeforeUpdate: function $onBeforeUpdate(handler) {
-        return _this3.__onBeforeUpdate.push(handler);
-      },
-      $onUpdated: function $onUpdated(handler) {
-        return _this3.__onUpdated.push(handler);
-      },
-      $onBeforeUnmount: function $onBeforeUnmount(handler) {
-        return _this3.__onBeforeUnmount.push(handler);
-      },
-      $onUnmounted: function $onUnmounted(handler) {
-        return _this3.__onUnmounted.push(handler);
-      }
-    });
-    return ctx;
-  };
-
-  _proto.render = function render() {
-    return this.renderFunction(this.getComponentContext());
-  };
-
-  _proto.emit = function emit(name, data) {
-    if (!this.el) return;
-    this.$el.trigger(name, data);
-  };
-
-  _proto.attachEvents = function attachEvents() {
-    var $el = this.$el;
-    if (!this.__eventHandlers) return;
-
-    this.__eventHandlers.forEach(function (_ref2) {
-      var eventName = _ref2.eventName,
-          handler = _ref2.handler;
-      $el.on(eventNameToColonCase(eventName), handler);
-    });
-
-    this.__onceEventHandlers.forEach(function (_ref3) {
-      var eventName = _ref3.eventName,
-          handler = _ref3.handler;
-      $el.once(eventNameToColonCase(eventName), handler);
-    });
-  };
-
-  _proto.detachEvents = function detachEvents() {
-    var $el = this.$el;
-    if (!this.__eventHandlers) return;
-
-    this.__eventHandlers.forEach(function (_ref4) {
-      var eventName = _ref4.eventName,
-          handler = _ref4.handler;
-      $el.on(eventNameToColonCase(eventName), handler);
-    });
-
-    this.__onceEventHandlers.forEach(function (_ref5) {
-      var eventName = _ref5.eventName,
-          handler = _ref5.handler;
-      $el.once(eventNameToColonCase(eventName), handler);
-    });
-  };
-
-  _proto.startUpdateQueue = function startUpdateQueue() {
-    var _this4 = this;
-
-    var window = getWindow();
-    if (this.__requestAnimationFrameId) return;
-
-    var update = function update() {
-      _this4.hook('onBeforeUpdate');
-
-      var tree = _this4.render(); // Make Dom
-
-
-      if (tree) {
-        var newVNode = vdom(tree, _this4, false);
-        _this4.vnode = patch(_this4.vnode, newVNode);
-      }
-    };
-
-    this.__requestAnimationFrameId = window.requestAnimationFrame(function () {
-      if (_this4.__updateIsPending) update();
-      var resolvers = [].concat(_this4.__updateQueue);
-      _this4.__updateQueue = [];
-      _this4.__updateIsPending = false;
-      window.cancelAnimationFrame(_this4.__requestAnimationFrameId);
-      delete _this4.__requestAnimationFrameId;
-      delete _this4.__updateIsPending;
-      resolvers.forEach(function (resolver) {
-        return resolver();
-      });
-      resolvers = [];
-    });
-  };
-
-  _proto.tick = function tick(callback) {
-    var _this5 = this;
-
-    return new Promise(function (resolve) {
-      function resolver() {
-        resolve();
-        if (callback) callback();
-      }
-
-      _this5.__updateQueue.push(resolver);
-
-      _this5.startUpdateQueue();
-    });
-  };
-
-  _proto.update = function update(callback) {
-    var _this6 = this;
-
-    if (this.__destroyed) return new Promise(function () {});
-    return new Promise(function (resolve) {
-      var resolver = function resolver() {
-        resolve();
-        if (callback) callback();
-      };
-
-      _this6.__updateIsPending = true;
-
-      _this6.__updateQueue.push(resolver);
-
-      _this6.startUpdateQueue();
-    });
-  };
-
-  _proto.setState = function setState(callback) {
-    return this.update(callback);
-  };
-
-  _proto.f7ready = function f7ready(callback) {
-    var _this7 = this;
-
-    if (this.f7.initialized) {
-      callback(this.f7);
-      return;
-    }
-
-    this.f7.once('init', function () {
-      callback(_this7.f7);
-    });
-  };
-
-  _proto.mount = function mount(mountMethod) {
-    this.hook('onBeforeMount', this.$el);
-    if (this.styleEl) $('head').append(this.styleEl);
-    if (mountMethod) mountMethod(this.el);
-    this.hook('onMounted', this.$el);
-  };
-
-  _proto.destroy = function destroy() {
-    if (this.__destroyed) return;
-    var window = getWindow();
-    this.hook('onBeforeUnmount');
-    if (this.styleEl) $(this.styleEl).remove();
-    this.detachEvents();
-    this.hook('onUnmounted'); // Delete component instance
-
-    if (this.el && this.el.f7Component) {
-      this.el.f7Component = null;
-      delete this.el.f7Component;
-    } // Patch with empty node
-
-
-    if (this.vnode) {
-      this.vnode = patch(this.vnode, {
-        sel: this.vnode.sel,
-        data: {}
-      });
-    } // Clear update queue
-
-
-    window.cancelAnimationFrame(this.__requestAnimationFrameId);
-    this.__updateQueue = [];
-    this.__eventHandlers = [];
-    this.__onceEventHandlers = [];
-    this.__onBeforeMount = [];
-    this.__onMounted = [];
-    this.__onBeforeUpdate = [];
-    this.__onUpdated = [];
-    this.__onBeforeUnmount = [];
-    this.__onUnmounted = []; // Delete all props
-
-    deleteProps(this);
-    this.__destroyed = true;
-  };
-
-  _proto.hook = function hook(name) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-
-    if (this.__destroyed) return;
-    this["__" + name].forEach(function (handler) {
-      handler.apply(void 0, args);
-    });
-  };
-
-  return Component;
-}();
-
-export default Component;

package/esm/modules/component/component.js

@@ -1,44 +0,0 @@
-import Component from './component-class';
-import parseComponent from './parse-component';
-import customComponents from './custom-components';
-import $jsx from './$jsx';
-
-function registerComponent(tagName, component) {
-  customComponents[tagName] = component;
-}
-
-function unregisterComponent(tagName) {
-  delete customComponents[tagName];
-}
-
-export { Component, $jsx };
-export default {
-  name: 'component',
-  static: {
-    Component: Component,
-    registerComponent: registerComponent,
-    unregisterComponent: unregisterComponent
-  },
-  create: function create() {
-    var app = this;
-    app.component = {
-      registerComponent: registerComponent,
-      unregisterComponent: unregisterComponent,
-      parse: function parse(componentString) {
-        return parseComponent(componentString);
-      },
-      create: function create(component, props, _ref) {
-        var root = _ref.root,
-            el = _ref.el,
-            context = _ref.context,
-            children = _ref.children;
-        return new Component(app, component, props, {
-          root: root,
-          el: el,
-          context: context,
-          children: children
-        });
-      }
-    };
-  }
-};

package/esm/modules/component/parse-component.js

@@ -1,70 +0,0 @@
-import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { id } from '../../shared/utils';
-
-function parseComponent(componentString) {
-  var window = getWindow();
-  var document = getDocument();
-  var componentId = id();
-  var callbackCreateName = "f7_component_create_callback_" + componentId; // Template
-
-  var template;
-  var hasTemplate = componentString.match(/<template([ ]?)([a-z0-9-]*)>/);
-
-  if (hasTemplate) {
-    template = componentString.split(/<template[ ]?[a-z0-9-]*>/).filter(function (item, index) {
-      return index > 0;
-    }).join('<template>').split('</template>').filter(function (item, index, arr) {
-      return index < arr.length - 1;
-    }).join('</template>').replace(/{{#raw}}([ \n]*)<template/g, '{{#raw}}<template').replace(/\/template>([ \n]*){{\/raw}}/g, '/template>{{/raw}}').replace(/([ \n])<template/g, '$1{{#raw}}<template').replace(/\/template>([ \n])/g, '/template>{{/raw}}$1');
-  } // Parse Styles
-
-
-  var style = null;
-
-  if (componentString.indexOf('<style>') >= 0) {
-    style = componentString.split('<style>')[1].split('</style>')[0];
-  }
-
-  if (componentString.indexOf('<style scoped>') >= 0) {
-    style = componentString.split('<style scoped>')[1].split('</style>')[0];
-  } // Parse Script
-
-
-  var scriptContent;
-
-  if (componentString.indexOf('<script>') >= 0) {
-    var scripts = componentString.split('<script>');
-    scriptContent = scripts[scripts.length - 1].split('</script>')[0].trim();
-  } else {
-    scriptContent = 'return () => {return $render}';
-  }
-
-  if (!scriptContent || !scriptContent.trim()) scriptContent = 'return () => {return $render}'; // Parse Template
-
-  if (template) {
-    scriptContent = scriptContent.replace('$render', "function ($$ctx) {\n          var $ = $$ctx.$$;\n          var $h = $$ctx.$h;\n          var $root = $$ctx.$root;\n          var $f7 = $$ctx.$f7;\n          var $f7route = $$ctx.$f7route;\n          var $f7router = $$ctx.$f7router;\n          var $theme = $$ctx.$theme;\n          var $update = $$ctx.$update;\n          var $store = $$ctx.$store;\n          var $ref = $$ctx.$ref;\n\n          return $h`" + template + "`\n        }\n        ").replace(/export default/g, 'return');
-  } // Execute Script
-
-
-  scriptContent = "window." + callbackCreateName + " = function () {" + scriptContent + "}"; // Insert Script El
-
-  var scriptEl = document.createElement('script');
-  scriptEl.innerHTML = scriptContent;
-  $('head').append(scriptEl);
-  var component = window[callbackCreateName](); // Remove Script El
-
-  $(scriptEl).remove();
-  window[callbackCreateName] = null;
-  delete window[callbackCreateName]; // Assign Style
-
-  if (style) {
-    component.style = style;
-  } // Component ID
-
-
-  component.id = componentId;
-  return component;
-}
-
-export default parseComponent;

package/esm/modules/component/patch.js

@@ -1,8 +0,0 @@
-/* eslint import/no-named-as-default: off */
-import { init } from './snabbdom/snabbdom';
-import attributesModule from './snabbdom/modules/attributes';
-import propsModule from './snabbdom/modules/props';
-import styleModule from './snabbdom/modules/style';
-import eventListenersModule from './eventslisteners';
-var patch = init([attributesModule, propsModule, styleModule, eventListenersModule]);
-export default patch;

package/esm/modules/component/snabbdom/snabbdom.bundle.js

@@ -1,19 +0,0 @@
-import { init } from './snabbdom';
-import { attributesModule } from './modules/attributes'; // for setting attributes on DOM elements
-
-import { classModule } from './modules/class'; // makes it easy to toggle classes
-
-import { propsModule } from './modules/props'; // for setting properties on DOM elements
-
-import { styleModule } from './modules/style'; // handles styling on elements with support for animations
-
-import { eventListenersModule } from './modules/eventlisteners'; // attaches event listeners
-
-import { h } from './h'; // helper function for creating vnodes
-
-var patch = init([attributesModule, classModule, propsModule, styleModule, eventListenersModule]);
-export var snabbdomBundle = {
-  patch: patch,
-  h: h
-};
-export default snabbdomBundle;