framework7 6.3.4 → 7.0.0-beta.3

package/cjs/components/dialog/dialog.js

@@ -1,297 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../../shared/utils");
-
-var _dialogClass = _interopRequireDefault(require("./dialog-class"));
-
-var _modalMethods = _interopRequireDefault(require("../../shared/modal-methods"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _default = {
-  name: 'dialog',
-  params: {
-    dialog: {
-      title: undefined,
-      buttonOk: 'OK',
-      buttonCancel: 'Cancel',
-      usernamePlaceholder: 'Username',
-      passwordPlaceholder: 'Password',
-      preloaderTitle: 'Loading... ',
-      progressTitle: 'Loading... ',
-      backdrop: true,
-      closeByBackdropClick: false,
-      destroyPredefinedDialogs: true,
-      keyboardActions: true,
-      autoFocus: true
-    }
-  },
-  static: {
-    Dialog: _dialogClass.default
-  },
-  create: function create() {
-    var app = this;
-
-    function defaultDialogTitle() {
-      return app.params.dialog.title || app.name;
-    }
-
-    var destroyOnClose = app.params.dialog.destroyPredefinedDialogs;
-    var keyboardActions = app.params.dialog.keyboardActions;
-    var autoFocus = app.params.dialog.autoFocus;
-    var autoFocusHandler = autoFocus ? {
-      on: {
-        opened: function opened(dialog) {
-          dialog.$el.find('input').eq(0).focus();
-        }
-      }
-    } : {};
-    app.dialog = (0, _utils.extend)((0, _modalMethods.default)({
-      app: app,
-      constructor: _dialogClass.default,
-      defaultSelector: '.dialog.modal-in'
-    }), {
-      // Shortcuts
-      alert: function alert() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2];
-
-        if (args.length === 2 && typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          title = args[2];
-        }
-
-        return new _dialogClass.default(app, {
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          buttons: [{
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            onClick: callbackOk,
-            keyCodes: keyboardActions ? [13, 27] : null
-          }],
-          destroyOnClose: destroyOnClose
-        }).open();
-      },
-      prompt: function prompt() {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2],
-            callbackCancel = args[3],
-            defaultValue = args[4];
-
-        if (typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          callbackCancel = args[2];
-          defaultValue = args[3];
-          title = args[4];
-        }
-
-        defaultValue = typeof defaultValue === 'undefined' || defaultValue === null ? '' : defaultValue;
-        return new _dialogClass.default(app, _extends({
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          content: "<div class=\"dialog-input-field input\"><input type=\"text\" class=\"dialog-input\" value=\"" + defaultValue + "\"></div>",
-          buttons: [{
-            text: app.params.dialog.buttonCancel,
-            keyCodes: keyboardActions ? [27] : null,
-            color: app.theme === 'aurora' ? 'gray' : null
-          }, {
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            keyCodes: keyboardActions ? [13] : null
-          }],
-          onClick: function onClick(dialog, index) {
-            var inputValue = dialog.$el.find('.dialog-input').val();
-            if (index === 0 && callbackCancel) callbackCancel(inputValue);
-            if (index === 1 && callbackOk) callbackOk(inputValue);
-          },
-          destroyOnClose: destroyOnClose
-        }, autoFocusHandler)).open();
-      },
-      confirm: function confirm() {
-        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          args[_key3] = arguments[_key3];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2],
-            callbackCancel = args[3];
-
-        if (typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          callbackCancel = args[2];
-          title = args[3];
-        }
-
-        return new _dialogClass.default(app, {
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          buttons: [{
-            text: app.params.dialog.buttonCancel,
-            onClick: callbackCancel,
-            keyCodes: keyboardActions ? [27] : null,
-            color: app.theme === 'aurora' ? 'gray' : null
-          }, {
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            onClick: callbackOk,
-            keyCodes: keyboardActions ? [13] : null
-          }],
-          destroyOnClose: destroyOnClose
-        }).open();
-      },
-      login: function login() {
-        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-          args[_key4] = arguments[_key4];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2],
-            callbackCancel = args[3];
-
-        if (typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          callbackCancel = args[2];
-          title = args[3];
-        }
-
-        return new _dialogClass.default(app, _extends({
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          // prettier-ignore
-          content: "\n              <div class=\"dialog-input-field dialog-input-double input\">\n                <input type=\"text\" name=\"dialog-username\" placeholder=\"" + app.params.dialog.usernamePlaceholder + "\" class=\"dialog-input\">\n              </div>\n              <div class=\"dialog-input-field dialog-input-double input\">\n                <input type=\"password\" name=\"dialog-password\" placeholder=\"" + app.params.dialog.passwordPlaceholder + "\" class=\"dialog-input\">\n              </div>",
-          buttons: [{
-            text: app.params.dialog.buttonCancel,
-            keyCodes: keyboardActions ? [27] : null,
-            color: app.theme === 'aurora' ? 'gray' : null
-          }, {
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            keyCodes: keyboardActions ? [13] : null
-          }],
-          onClick: function onClick(dialog, index) {
-            var username = dialog.$el.find('[name="dialog-username"]').val();
-            var password = dialog.$el.find('[name="dialog-password"]').val();
-            if (index === 0 && callbackCancel) callbackCancel(username, password);
-            if (index === 1 && callbackOk) callbackOk(username, password);
-          },
-          destroyOnClose: destroyOnClose
-        }, autoFocusHandler)).open();
-      },
-      password: function password() {
-        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-          args[_key5] = arguments[_key5];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2],
-            callbackCancel = args[3];
-
-        if (typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          callbackCancel = args[2];
-          title = args[3];
-        }
-
-        return new _dialogClass.default(app, _extends({
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          // prettier-ignore
-          content: "\n              <div class=\"dialog-input-field input\">\n                <input type=\"password\" name=\"dialog-password\" placeholder=\"" + app.params.dialog.passwordPlaceholder + "\" class=\"dialog-input\">\n              </div>",
-          buttons: [{
-            text: app.params.dialog.buttonCancel,
-            keyCodes: keyboardActions ? [27] : null,
-            color: app.theme === 'aurora' ? 'gray' : null
-          }, {
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            keyCodes: keyboardActions ? [13] : null
-          }],
-          onClick: function onClick(dialog, index) {
-            var password = dialog.$el.find('[name="dialog-password"]').val();
-            if (index === 0 && callbackCancel) callbackCancel(password);
-            if (index === 1 && callbackOk) callbackOk(password);
-          },
-          destroyOnClose: destroyOnClose
-        }, autoFocusHandler)).open();
-      },
-      preloader: function preloader(title, color) {
-        var preloaders = {
-          iosPreloaderContent: _utils.iosPreloaderContent,
-          mdPreloaderContent: _utils.mdPreloaderContent,
-          auroraPreloaderContent: _utils.auroraPreloaderContent
-        };
-        var preloaderInner = preloaders[app.theme + "PreloaderContent"] || '';
-        return new _dialogClass.default(app, {
-          title: typeof title === 'undefined' || title === null ? app.params.dialog.preloaderTitle : title,
-          // prettier-ignore
-          content: "<div class=\"preloader" + (color ? " color-" + color : '') + "\">" + preloaderInner + "</div>",
-          cssClass: 'dialog-preloader',
-          destroyOnClose: destroyOnClose
-        }).open();
-      },
-      progress: function progress() {
-        for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-          args[_key6] = arguments[_key6];
-        }
-
-        var title = args[0],
-            progress = args[1],
-            color = args[2];
-
-        if (args.length === 2) {
-          if (typeof args[0] === 'number') {
-            progress = args[0];
-            color = args[1];
-            title = args[2];
-          } else if (typeof args[0] === 'string' && typeof args[1] === 'string') {
-            title = args[0];
-            color = args[1];
-            progress = args[2];
-          }
-        } else if (args.length === 1) {
-          if (typeof args[0] === 'number') {
-            progress = args[0];
-            title = args[1];
-            color = args[2];
-          }
-        }
-
-        var infinite = typeof progress === 'undefined';
-        var dialog = new _dialogClass.default(app, {
-          title: typeof title === 'undefined' ? app.params.dialog.progressTitle : title,
-          cssClass: 'dialog-progress',
-          // prettier-ignore
-          content: "\n              <div class=\"progressbar" + (infinite ? '-infinite' : '') + (color ? " color-" + color : '') + "\">\n                " + (!infinite ? '<span></span>' : '') + "\n              </div>\n            ",
-          destroyOnClose: destroyOnClose
-        });
-        if (!infinite) dialog.setProgress(progress);
-        return dialog.open();
-      }
-    });
-  }
-};
-exports.default = _default;

package/cjs/components/elevation/elevation.js

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

package/cjs/components/fab/fab.js

@@ -1,195 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var Fab = {
-  morphOpen: function morphOpen(fabEl, targetEl) {
-    var app = this;
-    var $fabEl = (0, _dom.default)(fabEl);
-    var $targetEl = (0, _dom.default)(targetEl);
-    if ($targetEl.length === 0) return;
-    $targetEl.transition(0).addClass('fab-morph-target-visible');
-    var target = {
-      width: $targetEl[0].offsetWidth,
-      height: $targetEl[0].offsetHeight,
-      offset: $targetEl.offset(),
-      borderRadius: $targetEl.css('border-radius'),
-      zIndex: $targetEl.css('z-index')
-    };
-    var fab = {
-      width: $fabEl[0].offsetWidth,
-      height: $fabEl[0].offsetHeight,
-      offset: $fabEl.offset(),
-      translateX: (0, _utils.getTranslate)($fabEl[0], 'x'),
-      translateY: (0, _utils.getTranslate)($fabEl[0], 'y')
-    };
-    $fabEl[0].f7FabMorphData = {
-      $targetEl: $targetEl,
-      target: target,
-      fab: fab
-    };
-    var diffX = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
-    var diffY = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
-    var scaleX = target.width / fab.width;
-    var scaleY = target.height / fab.height;
-    var borderRadius = Math.ceil(parseInt(target.borderRadius, 10) / Math.max(scaleX, scaleY));
-    if (borderRadius > 0) borderRadius += 2;
-
-    $fabEl[0].f7FabMorphResizeHandler = function resizeHandler() {
-      $fabEl.transition(0).transform('');
-      $targetEl.transition(0);
-      target.width = $targetEl[0].offsetWidth;
-      target.height = $targetEl[0].offsetHeight;
-      target.offset = $targetEl.offset();
-      fab.offset = $fabEl.offset();
-      var diffXNew = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
-      var diffYNew = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
-      var scaleXNew = target.width / fab.width;
-      var scaleYNew = target.height / fab.height;
-      $fabEl.transform("translate3d(" + -diffXNew + "px, " + -diffYNew + "px, 0) scale(" + scaleXNew + ", " + scaleYNew + ")");
-    };
-
-    $targetEl.css('opacity', 0).transform("scale(" + 1 / scaleX + ", " + 1 / scaleY + ")");
-    $fabEl.addClass('fab-opened').css('z-index', target.zIndex - 1).transform("translate3d(" + -diffX + "px, " + -diffY + "px, 0)");
-    $fabEl.transitionEnd(function () {
-      $targetEl.transition('');
-      (0, _utils.nextFrame)(function () {
-        $targetEl.css('opacity', 1).transform('scale(1,1)');
-        $fabEl.transform("translate3d(" + -diffX + "px, " + -diffY + "px, 0) scale(" + scaleX + ", " + scaleY + ")").css('border-radius', borderRadius + "px").css('box-shadow', 'none').css('opacity', '0');
-      });
-      app.on('resize', $fabEl[0].f7FabMorphResizeHandler);
-
-      if ($targetEl.parents('.page-content').length > 0) {
-        $targetEl.parents('.page-content').on('scroll', $fabEl[0].f7FabMorphResizeHandler);
-      }
-    });
-  },
-  morphClose: function morphClose(fabEl) {
-    var app = this;
-    var $fabEl = (0, _dom.default)(fabEl);
-    var morphData = $fabEl[0].f7FabMorphData;
-    if (!morphData) return;
-    var $targetEl = morphData.$targetEl,
-        target = morphData.target,
-        fab = morphData.fab;
-    if ($targetEl.length === 0) return;
-    var diffX = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
-    var diffY = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
-    var scaleX = target.width / fab.width;
-    var scaleY = target.height / fab.height;
-    app.off('resize', $fabEl[0].f7FabMorphResizeHandler);
-
-    if ($targetEl.parents('.page-content').length > 0) {
-      $targetEl.parents('.page-content').off('scroll', $fabEl[0].f7FabMorphResizeHandler);
-    }
-
-    $targetEl.css('opacity', 0).transform("scale(" + 1 / scaleX + ", " + 1 / scaleY + ")");
-    $fabEl.transition('').css('box-shadow', '').css('border-radius', '').css('opacity', '1').transform("translate3d(" + -diffX + "px, " + -diffY + "px, 0)");
-    $fabEl.transitionEnd(function () {
-      $fabEl.css('z-index', '').removeClass('fab-opened').transform('');
-      (0, _utils.nextFrame)(function () {
-        $fabEl.transitionEnd(function () {
-          $targetEl.removeClass('fab-morph-target-visible').css('opacity', '').transform('').transition('');
-        });
-      });
-    });
-  },
-  open: function open(fabEl, targetEl) {
-    var app = this;
-    var $fabEl = (0, _dom.default)(fabEl).eq(0);
-    var $buttonsEl = $fabEl.find('.fab-buttons');
-    if (!$fabEl.length) return;
-    if ($fabEl.hasClass('fab-opened')) return;
-    if (!$buttonsEl.length && !$fabEl.hasClass('fab-morph')) return;
-
-    if (app.fab.openedEl) {
-      if (app.fab.openedEl === $fabEl[0]) return;
-      app.fab.close(app.fab.openedEl);
-    }
-
-    app.fab.openedEl = $fabEl[0];
-
-    if ($fabEl.hasClass('fab-morph')) {
-      app.fab.morphOpen($fabEl, targetEl || $fabEl.attr('data-morph-to'));
-    } else {
-      $fabEl.addClass('fab-opened');
-    }
-
-    $fabEl.siblings('.fab-backdrop').addClass('backdrop-in');
-    $fabEl.trigger('fab:open');
-  },
-  close: function close(fabEl) {
-    if (fabEl === void 0) {
-      fabEl = '.fab-opened';
-    }
-
-    var app = this;
-    var $fabEl = (0, _dom.default)(fabEl).eq(0);
-    var $buttonsEl = $fabEl.find('.fab-buttons');
-    if (!$fabEl.length) return;
-    if (!$fabEl.hasClass('fab-opened')) return;
-    if (!$buttonsEl.length && !$fabEl.hasClass('fab-morph')) return;
-    app.fab.openedEl = null;
-
-    if ($fabEl.hasClass('fab-morph')) {
-      app.fab.morphClose($fabEl);
-    } else {
-      $fabEl.removeClass('fab-opened');
-    }
-
-    $fabEl.siblings('.fab-backdrop').removeClass('backdrop-in');
-    $fabEl.trigger('fab:close');
-  },
-  toggle: function toggle(fabEl) {
-    var app = this;
-    var $fabEl = (0, _dom.default)(fabEl);
-    if (!$fabEl.hasClass('fab-opened')) app.fab.open(fabEl);else app.fab.close(fabEl);
-  }
-};
-var _default = {
-  name: 'fab',
-  create: function create() {
-    var app = this;
-    (0, _utils.bindMethods)(app, {
-      fab: _extends({
-        openedEl: null
-      }, Fab)
-    });
-  },
-  clicks: {
-    '.fab > a': function open($clickedEl) {
-      var app = this;
-      app.fab.toggle($clickedEl.parents('.fab'));
-    },
-    '.fab-open': function open($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.fab.open(data.fab);
-    },
-    '.fab-close': function close($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.fab.close(data.fab);
-    },
-    '.fab-backdrop': function close() {
-      var app = this;
-      app.fab.close();
-    }
-  }
-};
-exports.default = _default;