framework7 6.3.16 → 7.0.0-beta.12

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

@@ -1,99 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _modalClass = _interopRequireDefault(require("./modal-class"));
-
-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 CustomModal = /*#__PURE__*/function (_Modal) {
-  _inheritsLoose(CustomModal, _Modal);
-
-  function CustomModal(app, params) {
-    var _this;
-
-    var extendedParams = (0, _utils.extend)({
-      backdrop: true,
-      closeByBackdropClick: true,
-      on: {}
-    }, params); // Extends with open/close Modal methods;
-
-    _this = _Modal.call(this, app, extendedParams) || this;
-
-    var customModal = _assertThisInitialized(_this);
-
-    customModal.params = extendedParams; // Find Element
-
-    var $el;
-
-    if (!customModal.params.el) {
-      $el = (0, _dom.default)(customModal.params.content);
-    } else {
-      $el = (0, _dom.default)(customModal.params.el);
-    }
-
-    if ($el && $el.length > 0 && $el[0].f7Modal) {
-      return $el[0].f7Modal || _assertThisInitialized(_this);
-    }
-
-    if ($el.length === 0) {
-      return customModal.destroy() || _assertThisInitialized(_this);
-    }
-
-    var $backdropEl;
-
-    if (customModal.params.backdrop) {
-      $backdropEl = app.$el.children('.custom-modal-backdrop');
-
-      if ($backdropEl.length === 0) {
-        $backdropEl = (0, _dom.default)('<div class="custom-modal-backdrop"></div>');
-        app.$el.append($backdropEl);
-      }
-    }
-
-    function handleClick(e) {
-      if (!customModal || customModal.destroyed) return;
-
-      if ($backdropEl && e.target === $backdropEl[0]) {
-        customModal.close();
-      }
-    }
-
-    customModal.on('customModalOpened', function () {
-      if (customModal.params.closeByBackdropClick && customModal.params.backdrop) {
-        app.on('click', handleClick);
-      }
-    });
-    customModal.on('customModalClose', function () {
-      if (customModal.params.closeByBackdropClick && customModal.params.backdrop) {
-        app.off('click', handleClick);
-      }
-    });
-    (0, _utils.extend)(customModal, {
-      app: app,
-      $el: $el,
-      el: $el[0],
-      $backdropEl: $backdropEl,
-      backdropEl: $backdropEl && $backdropEl[0],
-      type: 'customModal'
-    });
-    $el[0].f7Modal = customModal;
-    return customModal || _assertThisInitialized(_this);
-  }
-
-  return CustomModal;
-}(_modalClass.default);
-
-var _default = CustomModal;
-exports.default = _default;

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

@@ -1,277 +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 _class = _interopRequireDefault(require("../../shared/class"));
-
-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 openedModals = [];
-var dialogsQueue = [];
-
-function clearDialogsQueue() {
-  if (dialogsQueue.length === 0) return;
-  var dialog = dialogsQueue.shift();
-  dialog.open();
-}
-
-var Modal = /*#__PURE__*/function (_Framework7Class) {
-  _inheritsLoose(Modal, _Framework7Class);
-
-  function Modal(app, params) {
-    var _this;
-
-    _this = _Framework7Class.call(this, params, [app]) || this;
-
-    var modal = _assertThisInitialized(_this);
-
-    var defaults = {}; // Extend defaults with modules params
-
-    modal.useModulesParams(defaults);
-    modal.params = (0, _utils.extend)(defaults, params);
-    modal.opened = false;
-    var $containerEl = modal.params.containerEl ? (0, _dom.default)(modal.params.containerEl).eq(0) : app.$el;
-    if (!$containerEl.length) $containerEl = app.$el;
-    modal.$containerEl = $containerEl;
-    modal.containerEl = $containerEl[0]; // Install Modules
-
-    modal.useModules();
-    return _assertThisInitialized(_this) || _assertThisInitialized(_this);
-  }
-
-  var _proto = Modal.prototype;
-
-  _proto.onOpen = function onOpen() {
-    var modal = this;
-    modal.opened = true;
-    openedModals.push(modal);
-    (0, _dom.default)('html').addClass("with-modal-" + modal.type.toLowerCase());
-    modal.$el.trigger("modal:open " + modal.type.toLowerCase() + ":open");
-    modal.emit("local::open modalOpen " + modal.type + "Open", modal);
-  };
-
-  _proto.onOpened = function onOpened() {
-    var modal = this;
-    modal.$el.trigger("modal:opened " + modal.type.toLowerCase() + ":opened");
-    modal.emit("local::opened modalOpened " + modal.type + "Opened", modal);
-  };
-
-  _proto.onClose = function onClose() {
-    var modal = this;
-    modal.opened = false;
-    if (!modal.type || !modal.$el) return;
-    openedModals.splice(openedModals.indexOf(modal), 1);
-    (0, _dom.default)('html').removeClass("with-modal-" + modal.type.toLowerCase());
-    modal.$el.trigger("modal:close " + modal.type.toLowerCase() + ":close");
-    modal.emit("local::close modalClose " + modal.type + "Close", modal);
-  };
-
-  _proto.onClosed = function onClosed() {
-    var modal = this;
-    if (!modal.type || !modal.$el) return;
-    modal.$el.removeClass('modal-out');
-    modal.$el.hide();
-    modal.$el.trigger("modal:closed " + modal.type.toLowerCase() + ":closed");
-    modal.emit("local::closed modalClosed " + modal.type + "Closed", modal);
-  };
-
-  _proto.open = function open(animateModal) {
-    var modal = this;
-    var document = (0, _ssrWindow.getDocument)();
-    var app = modal.app;
-    var $el = modal.$el;
-    var $backdropEl = modal.$backdropEl;
-    var type = modal.type;
-    var animate = true;
-    if (typeof animateModal !== 'undefined') animate = animateModal;else if (typeof modal.params.animate !== 'undefined') {
-      animate = modal.params.animate;
-    }
-
-    if (!$el || $el.hasClass('modal-in')) {
-      if (animateModal === false && $el[0] && type !== 'dialog') {
-        $el[0].style.display = 'block';
-      }
-
-      return modal;
-    }
-
-    if (type === 'dialog' && app.params.modal.queueDialogs) {
-      var pushToQueue;
-
-      if ((0, _dom.default)('.dialog.modal-in').length > 0) {
-        pushToQueue = true;
-      } else if (openedModals.length > 0) {
-        openedModals.forEach(function (openedModal) {
-          if (openedModal.type === 'dialog') pushToQueue = true;
-        });
-      }
-
-      if (pushToQueue) {
-        dialogsQueue.push(modal);
-        return modal;
-      }
-    }
-
-    var $modalParentEl = $el.parent();
-    var wasInDom = $el.parents(document).length > 0;
-
-    if (!$modalParentEl.is(modal.$containerEl)) {
-      modal.$containerEl.append($el);
-      modal.once(type + "Closed", function () {
-        if (wasInDom) {
-          $modalParentEl.append($el);
-        } else {
-          $el.remove();
-        }
-      });
-    } // Show Modal
-
-
-    $el.show();
-    /* eslint no-underscore-dangle: ["error", { "allow": ["_clientLeft"] }] */
-
-    modal._clientLeft = $el[0].clientLeft; // Modal
-
-    function transitionEnd() {
-      if ($el.hasClass('modal-out')) {
-        modal.onClosed();
-      } else if ($el.hasClass('modal-in')) {
-        modal.onOpened();
-      }
-    }
-
-    if (animate) {
-      if ($backdropEl) {
-        $backdropEl.removeClass('not-animated');
-        $backdropEl.addClass('backdrop-in');
-      }
-
-      $el.animationEnd(function () {
-        transitionEnd();
-      });
-      $el.transitionEnd(function () {
-        transitionEnd();
-      });
-      $el.removeClass('modal-out not-animated').addClass('modal-in');
-      modal.onOpen();
-    } else {
-      if ($backdropEl) {
-        $backdropEl.addClass('backdrop-in not-animated');
-      }
-
-      $el.removeClass('modal-out').addClass('modal-in not-animated');
-      modal.onOpen();
-      modal.onOpened();
-    }
-
-    return modal;
-  };
-
-  _proto.close = function close(animateModal) {
-    var modal = this;
-    var $el = modal.$el;
-    var $backdropEl = modal.$backdropEl;
-    var animate = true;
-    if (typeof animateModal !== 'undefined') animate = animateModal;else if (typeof modal.params.animate !== 'undefined') {
-      animate = modal.params.animate;
-    }
-
-    if (!$el || !$el.hasClass('modal-in')) {
-      if (dialogsQueue.indexOf(modal) >= 0) {
-        dialogsQueue.splice(dialogsQueue.indexOf(modal), 1);
-      }
-
-      return modal;
-    } // backdrop
-
-
-    if ($backdropEl) {
-      var needToHideBackdrop = true;
-
-      if (modal.type === 'popup') {
-        modal.$el.prevAll('.popup.modal-in').add(modal.$el.nextAll('.popup.modal-in')).each(function (popupEl) {
-          var popupInstance = popupEl.f7Modal;
-          if (!popupInstance) return;
-
-          if (popupInstance.params.closeByBackdropClick && popupInstance.params.backdrop && popupInstance.backdropEl === modal.backdropEl) {
-            needToHideBackdrop = false;
-          }
-        });
-      }
-
-      if (needToHideBackdrop) {
-        $backdropEl[animate ? 'removeClass' : 'addClass']('not-animated');
-        $backdropEl.removeClass('backdrop-in');
-      }
-    } // Modal
-
-
-    $el[animate ? 'removeClass' : 'addClass']('not-animated');
-
-    function transitionEnd() {
-      if ($el.hasClass('modal-out')) {
-        modal.onClosed();
-      } else if ($el.hasClass('modal-in')) {
-        modal.onOpened();
-      }
-    }
-
-    if (animate) {
-      $el.animationEnd(function () {
-        transitionEnd();
-      });
-      $el.transitionEnd(function () {
-        transitionEnd();
-      });
-      $el.removeClass('modal-in').addClass('modal-out'); // Emit close
-
-      modal.onClose();
-    } else {
-      $el.addClass('not-animated').removeClass('modal-in').addClass('modal-out'); // Emit close
-
-      modal.onClose();
-      modal.onClosed();
-    }
-
-    if (modal.type === 'dialog') {
-      clearDialogsQueue();
-    }
-
-    return modal;
-  };
-
-  _proto.destroy = function destroy() {
-    var modal = this;
-    if (modal.destroyed) return;
-    modal.emit("local::beforeDestroy modalBeforeDestroy " + modal.type + "BeforeDestroy", modal);
-
-    if (modal.$el) {
-      modal.$el.trigger("modal:beforedestroy " + modal.type.toLowerCase() + ":beforedestroy");
-
-      if (modal.$el.length && modal.$el[0].f7Modal) {
-        delete modal.$el[0].f7Modal;
-      }
-    }
-
-    (0, _utils.deleteProps)(modal);
-    modal.destroyed = true;
-  };
-
-  return Modal;
-}(_class.default);
-
-var _default = Modal;
-exports.default = _default;

package/cjs/components/modal/modal.js

@@ -1,32 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _modalClass = _interopRequireDefault(require("./modal-class"));
-
-var _customModalClass = _interopRequireDefault(require("./custom-modal-class"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'modal',
-  static: {
-    Modal: _modalClass.default,
-    CustomModal: _customModalClass.default
-  },
-  create: function create() {
-    var app = this;
-    app.customModal = {
-      create: function create(params) {
-        return new _customModalClass.default(app, params);
-      }
-    };
-  },
-  params: {
-    modal: {
-      queueDialogs: true
-    }
-  }
-};
-exports.default = _default;