framework7 6.3.4 → 7.0.0-beta.3

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

@@ -1,93 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _textEditorClass = _interopRequireDefault(require("./text-editor-class"));
-
-var _constructorMethods = _interopRequireDefault(require("../../shared/constructor-methods"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'textEditor',
-  params: {
-    textEditor: {
-      el: null,
-      mode: 'toolbar',
-      // or 'popover'
-      value: undefined,
-      // will use html content
-      customButtons: null,
-      buttons: [['bold', 'italic', 'underline', 'strikeThrough'], ['orderedList', 'unorderedList'], ['link', 'image'], ['paragraph', 'h1', 'h2', 'h3'], ['alignLeft', 'alignCenter', 'alignRight', 'alignJustify'], ['subscript', 'superscript'], ['indent', 'outdent']],
-      dividers: true,
-      imageUrlText: 'Insert image URL',
-      linkUrlText: 'Insert link URL',
-      placeholder: null,
-      clearFormattingOnPaste: true
-    }
-  },
-  create: function create() {
-    var app = this;
-    app.textEditor = (0, _utils.extend)((0, _constructorMethods.default)({
-      defaultSelector: '.text-editor',
-      constructor: _textEditorClass.default,
-      app: app,
-      domProp: 'f7TextEditor'
-    }));
-  },
-  static: {
-    TextEditor: _textEditorClass.default
-  },
-  on: {
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      (0, _dom.default)(tabEl).find('.text-editor-init').each(function (editorEl) {
-        var dataset = (0, _dom.default)(editorEl).dataset();
-        app.textEditor.create((0, _utils.extend)({
-          el: editorEl
-        }, dataset || {}));
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      (0, _dom.default)(tabEl).find('.text-editor-init').each(function (editorEl) {
-        if (editorEl.f7TextEditor) editorEl.f7TextEditor.destroy();
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.text-editor-init').each(function (editorEl) {
-        var dataset = (0, _dom.default)(editorEl).dataset();
-        app.textEditor.create((0, _utils.extend)({
-          el: editorEl
-        }, dataset || {}));
-      });
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      page.$el.find('.text-editor-init').each(function (editorEl) {
-        if (editorEl.f7TextEditor) editorEl.f7TextEditor.destroy();
-      });
-    }
-  },
-  vnode: {
-    'text-editor-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var editorEl = vnode.elm;
-        var dataset = (0, _dom.default)(editorEl).dataset();
-        app.textEditor.create((0, _utils.extend)({
-          el: editorEl
-        }, dataset || {}));
-      },
-      destroy: function destroy(vnode) {
-        var editorEl = vnode.elm;
-        if (editorEl.f7TextEditor) editorEl.f7TextEditor.destroy();
-      }
-    }
-  }
-};
-exports.default = _default;

package/cjs/components/timeline/timeline.js

@@ -1,8 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-var _default = {
-  name: 'timeline'
-};
-exports.default = _default;

package/cjs/components/toast/toast-class.js

@@ -1,142 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _ssrWindow = require("ssr-window");
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _modalClass = _interopRequireDefault(require("../modal/modal-class"));
-
-var _$jsx = _interopRequireDefault(require("../../shared/$jsx"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-var Toast = /*#__PURE__*/function (_Modal) {
-  _inheritsLoose(Toast, _Modal);
-
-  function Toast(app, params) {
-    var _this;
-
-    var extendedParams = (0, _utils.extend)({
-      on: {}
-    }, app.params.toast, params); // Extends with open/close Modal methods;
-
-    _this = _Modal.call(this, app, extendedParams) || this;
-
-    var toast = _assertThisInitialized(_this);
-
-    var window = (0, _ssrWindow.getWindow)();
-    toast.app = app;
-    toast.params = extendedParams;
-    var _toast$params = toast.params,
-        closeButton = _toast$params.closeButton,
-        closeTimeout = _toast$params.closeTimeout;
-    var $el;
-
-    if (!toast.params.el) {
-      // Find Element
-      var toastHtml = toast.render();
-      $el = (0, _dom.default)(toastHtml);
-    } else {
-      $el = (0, _dom.default)(toast.params.el);
-    }
-
-    if ($el && $el.length > 0 && $el[0].f7Modal) {
-      return $el[0].f7Modal || _assertThisInitialized(_this);
-    }
-
-    if ($el.length === 0) {
-      return toast.destroy() || _assertThisInitialized(_this);
-    }
-
-    (0, _utils.extend)(toast, {
-      $el: $el,
-      el: $el[0],
-      type: 'toast'
-    });
-    $el[0].f7Modal = toast;
-
-    if (closeButton) {
-      $el.find('.toast-button').on('click', function () {
-        toast.emit('local::closeButtonClick toastCloseButtonClick', toast);
-        toast.close();
-      });
-      toast.on('beforeDestroy', function () {
-        $el.find('.toast-button').off('click');
-      });
-    }
-
-    var timeoutId;
-    toast.on('open', function () {
-      (0, _dom.default)('.toast.modal-in').each(function (openedEl) {
-        var toastInstance = app.toast.get(openedEl);
-
-        if (openedEl !== toast.el && toastInstance) {
-          toastInstance.close();
-        }
-      });
-
-      if (closeTimeout) {
-        timeoutId = (0, _utils.nextTick)(function () {
-          toast.close();
-        }, closeTimeout);
-      }
-    });
-    toast.on('close', function () {
-      window.clearTimeout(timeoutId);
-    });
-
-    if (toast.params.destroyOnClose) {
-      toast.once('closed', function () {
-        setTimeout(function () {
-          toast.destroy();
-        }, 0);
-      });
-    }
-
-    return toast || _assertThisInitialized(_this);
-  }
-
-  var _proto = Toast.prototype;
-
-  _proto.render = function render() {
-    var toast = this;
-    if (toast.params.render) return toast.params.render.call(toast, toast);
-    var _toast$params2 = toast.params,
-        position = _toast$params2.position,
-        horizontalPosition = _toast$params2.horizontalPosition,
-        cssClass = _toast$params2.cssClass,
-        icon = _toast$params2.icon,
-        text = _toast$params2.text,
-        closeButton = _toast$params2.closeButton,
-        closeButtonColor = _toast$params2.closeButtonColor,
-        closeButtonText = _toast$params2.closeButtonText;
-    var horizontalClass = position === 'top' || position === 'bottom' ? "toast-horizontal-" + horizontalPosition : '';
-    return (0, _$jsx.default)("div", {
-      class: "toast toast-" + position + " " + horizontalClass + " " + (cssClass || '') + " " + (icon ? 'toast-with-icon' : '')
-    }, (0, _$jsx.default)("div", {
-      class: "toast-content"
-    }, icon && (0, _$jsx.default)("div", {
-      class: "toast-icon"
-    }, icon), (0, _$jsx.default)("div", {
-      class: "toast-text"
-    }, text), closeButton && !icon && (0, _$jsx.default)("a", {
-      class: "toast-button button " + (closeButtonColor ? "color-" + closeButtonColor : '')
-    }, closeButtonText)));
-  };
-
-  return Toast;
-}(_modalClass.default);
-
-var _default = Toast;
-exports.default = _default;

package/cjs/components/toast/toast.js

@@ -1,51 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../../shared/utils");
-
-var _toastClass = _interopRequireDefault(require("./toast-class"));
-
-var _modalMethods = _interopRequireDefault(require("../../shared/modal-methods"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'toast',
-  static: {
-    Toast: _toastClass.default
-  },
-  create: function create() {
-    var app = this;
-    app.toast = (0, _utils.extend)({}, (0, _modalMethods.default)({
-      app: app,
-      constructor: _toastClass.default,
-      defaultSelector: '.toast.modal-in'
-    }), {
-      // Shortcuts
-      show: function show(params) {
-        (0, _utils.extend)(params, {
-          destroyOnClose: true
-        });
-        return new _toastClass.default(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
-    }
-  }
-};
-exports.default = _default;

package/cjs/components/toggle/toggle-class.js

@@ -1,213 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _class = _interopRequireDefault(require("../../shared/class"));
-
-var _getSupport = require("../../shared/get-support");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-var Toggle = /*#__PURE__*/function (_Framework7Class) {
-  _inheritsLoose(Toggle, _Framework7Class);
-
-  function Toggle(app, params) {
-    var _this;
-
-    if (params === void 0) {
-      params = {};
-    }
-
-    _this = _Framework7Class.call(this, params, [app]) || this;
-
-    var toggle = _assertThisInitialized(_this);
-
-    var support = (0, _getSupport.getSupport)();
-    var defaults = {}; // Extend defaults with modules params
-
-    toggle.useModulesParams(defaults);
-    toggle.params = (0, _utils.extend)(defaults, params);
-    var el = toggle.params.el;
-    if (!el) return toggle || _assertThisInitialized(_this);
-    var $el = (0, _dom.default)(el);
-    if ($el.length === 0) return toggle || _assertThisInitialized(_this);
-    if ($el[0].f7Toggle) return $el[0].f7Toggle || _assertThisInitialized(_this);
-    var $inputEl = $el.children('input[type="checkbox"]');
-    (0, _utils.extend)(toggle, {
-      app: app,
-      $el: $el,
-      el: $el[0],
-      $inputEl: $inputEl,
-      inputEl: $inputEl[0],
-      disabled: $el.hasClass('disabled') || $inputEl.hasClass('disabled') || $inputEl.attr('disabled') || $inputEl[0].disabled
-    });
-    Object.defineProperty(toggle, 'checked', {
-      enumerable: true,
-      configurable: true,
-      set: function set(checked) {
-        if (!toggle || typeof toggle.$inputEl === 'undefined') return;
-        if (toggle.checked === checked) return;
-        $inputEl[0].checked = checked;
-        toggle.$inputEl.trigger('change');
-      },
-      get: function get() {
-        return $inputEl[0].checked;
-      }
-    });
-    $el[0].f7Toggle = toggle;
-    var isTouched;
-    var touchesStart = {};
-    var isScrolling;
-    var touchesDiff;
-    var toggleWidth;
-    var touchStartTime;
-    var touchStartChecked;
-
-    function handleTouchStart(e) {
-      if (isTouched || toggle.disabled) return;
-      touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
-      touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
-      touchesDiff = 0;
-      isTouched = true;
-      isScrolling = undefined;
-      touchStartTime = (0, _utils.now)();
-      touchStartChecked = toggle.checked;
-      toggleWidth = $el[0].offsetWidth;
-      (0, _utils.nextTick)(function () {
-        if (isTouched) {
-          $el.addClass('toggle-active-state');
-        }
-      });
-    }
-
-    function handleTouchMove(e) {
-      if (!isTouched || toggle.disabled) return;
-      var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
-      var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
-      var inverter = app.rtl ? -1 : 1;
-
-      if (typeof isScrolling === 'undefined') {
-        isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));
-      }
-
-      if (isScrolling) {
-        isTouched = false;
-        return;
-      }
-
-      e.preventDefault();
-      touchesDiff = pageX - touchesStart.x;
-      var changed;
-
-      if (touchesDiff * inverter < 0 && Math.abs(touchesDiff) > toggleWidth / 3 && touchStartChecked) {
-        changed = true;
-      }
-
-      if (touchesDiff * inverter > 0 && Math.abs(touchesDiff) > toggleWidth / 3 && !touchStartChecked) {
-        changed = true;
-      }
-
-      if (changed) {
-        touchesStart.x = pageX;
-        toggle.checked = !touchStartChecked;
-        touchStartChecked = !touchStartChecked;
-      }
-    }
-
-    function handleTouchEnd() {
-      if (!isTouched || toggle.disabled) {
-        if (isScrolling) $el.removeClass('toggle-active-state');
-        isTouched = false;
-        return;
-      }
-
-      var inverter = app.rtl ? -1 : 1;
-      isTouched = false;
-      $el.removeClass('toggle-active-state');
-      var changed;
-
-      if ((0, _utils.now)() - touchStartTime < 300) {
-        if (touchesDiff * inverter < 0 && touchStartChecked) {
-          changed = true;
-        }
-
-        if (touchesDiff * inverter > 0 && !touchStartChecked) {
-          changed = true;
-        }
-
-        if (changed) {
-          toggle.checked = !touchStartChecked;
-        }
-      }
-    }
-
-    function handleInputChange() {
-      toggle.$el.trigger('toggle:change');
-      toggle.emit('local::change toggleChange', toggle);
-    }
-
-    toggle.attachEvents = function attachEvents() {
-      var passive = support.passiveListener ? {
-        passive: true
-      } : false;
-      $el.on(app.touchEvents.start, handleTouchStart, passive);
-      app.on('touchmove', handleTouchMove);
-      app.on('touchend:passive', handleTouchEnd);
-      toggle.$inputEl.on('change', handleInputChange);
-    };
-
-    toggle.detachEvents = function detachEvents() {
-      var passive = support.passiveListener ? {
-        passive: true
-      } : false;
-      $el.off(app.touchEvents.start, handleTouchStart, passive);
-      app.off('touchmove', handleTouchMove);
-      app.off('touchend:passive', handleTouchEnd);
-      toggle.$inputEl.off('change', handleInputChange);
-    }; // Install Modules
-
-
-    toggle.useModules(); // Init
-
-    toggle.init();
-    return _this;
-  }
-
-  var _proto = Toggle.prototype;
-
-  _proto.toggle = function toggle() {
-    var toggle = this;
-    toggle.checked = !toggle.checked;
-  };
-
-  _proto.init = function init() {
-    var toggle = this;
-    toggle.attachEvents();
-  };
-
-  _proto.destroy = function destroy() {
-    var toggle = this;
-    toggle.$el.trigger('toggle:beforedestroy');
-    toggle.emit('local::beforeDestroy toggleBeforeDestroy', toggle);
-    delete toggle.$el[0].f7Toggle;
-    toggle.detachEvents();
-    (0, _utils.deleteProps)(toggle);
-    toggle = null;
-  };
-
-  return Toggle;
-}(_class.default);
-
-var _default = Toggle;
-exports.default = _default;

package/cjs/components/toggle/toggle.js

@@ -1,72 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _constructorMethods = _interopRequireDefault(require("../../shared/constructor-methods"));
-
-var _toggleClass = _interopRequireDefault(require("./toggle-class"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'toggle',
-  create: function create() {
-    var app = this;
-    app.toggle = (0, _constructorMethods.default)({
-      defaultSelector: '.toggle',
-      constructor: _toggleClass.default,
-      app: app,
-      domProp: 'f7Toggle'
-    });
-  },
-  static: {
-    Toggle: _toggleClass.default
-  },
-  on: {
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      (0, _dom.default)(tabEl).find('.toggle-init').each(function (toggleEl) {
-        return app.toggle.create({
-          el: toggleEl
-        });
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      (0, _dom.default)(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();
-      }
-    }
-  }
-};
-exports.default = _default;