framework7 6.3.4 → 7.0.0-beta.3

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/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;