framework7 6.3.4 → 7.0.0-beta.3

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

@@ -1,446 +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"));
-
-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 Messagebar = /*#__PURE__*/function (_Framework7Class) {
-  _inheritsLoose(Messagebar, _Framework7Class);
-
-  function Messagebar(app, params) {
-    var _this;
-
-    if (params === void 0) {
-      params = {};
-    }
-
-    _this = _Framework7Class.call(this, params, [app]) || this;
-
-    var messagebar = _assertThisInitialized(_this);
-
-    var defaults = {
-      top: false,
-      topOffset: 0,
-      bottomOffset: 0,
-      attachments: [],
-      renderAttachments: undefined,
-      renderAttachment: undefined,
-      maxHeight: null,
-      resizePage: true
-    }; // Extend defaults with modules params
-
-    messagebar.useModulesParams(defaults);
-    messagebar.params = (0, _utils.extend)(defaults, params); // El
-
-    var $el = (0, _dom.default)(messagebar.params.el);
-    if ($el.length === 0) return messagebar || _assertThisInitialized(_this);
-    if ($el[0].f7Messagebar) return $el[0].f7Messagebar || _assertThisInitialized(_this);
-    $el[0].f7Messagebar = messagebar; // Page and PageContent
-
-    var $pageEl = $el.parents('.page').eq(0);
-    var $pageContentEl = $pageEl.find('.page-content').eq(0); // Area
-
-    var $areaEl = $el.find('.messagebar-area'); // Textarea
-
-    var $textareaEl;
-
-    if (messagebar.params.textareaEl) {
-      $textareaEl = (0, _dom.default)(messagebar.params.textareaEl);
-    } else {
-      $textareaEl = $el.find('textarea');
-    } // Attachments & Library
-
-
-    var $attachmentsEl = $el.find('.messagebar-attachments');
-    var $sheetEl = $el.find('.messagebar-sheet');
-
-    if (messagebar.params.top) {
-      $el.addClass('messagebar-top');
-    }
-
-    (0, _utils.extend)(messagebar, {
-      $el: $el,
-      el: $el[0],
-      $areaEl: $areaEl,
-      areaEl: $areaEl[0],
-      $textareaEl: $textareaEl,
-      textareaEl: $textareaEl[0],
-      $attachmentsEl: $attachmentsEl,
-      attachmentsEl: $attachmentsEl[0],
-      attachmentsVisible: $attachmentsEl.hasClass('messagebar-attachments-visible'),
-      $sheetEl: $sheetEl,
-      sheetEl: $sheetEl[0],
-      sheetVisible: $sheetEl.hasClass('messagebar-sheet-visible'),
-      $pageEl: $pageEl,
-      pageEl: $pageEl[0],
-      $pageContentEl: $pageContentEl,
-      pageContentEl: $pageContentEl,
-      top: $el.hasClass('messagebar-top') || messagebar.params.top,
-      attachments: []
-    }); // Events
-
-    function onAppResize() {
-      if (messagebar.params.resizePage) {
-        messagebar.resizePage();
-      }
-    }
-
-    function onSubmit(e) {
-      e.preventDefault();
-    }
-
-    function onAttachmentClick(e) {
-      var index = (0, _dom.default)(this).index();
-
-      if ((0, _dom.default)(e.target).closest('.messagebar-attachment-delete').length) {
-        (0, _dom.default)(this).trigger('messagebar:attachmentdelete', index);
-        messagebar.emit('local::attachmentDelete messagebarAttachmentDelete', messagebar, this, index);
-      } else {
-        (0, _dom.default)(this).trigger('messagebar:attachmentclick', index);
-        messagebar.emit('local::attachmentClick messagebarAttachmentClick', messagebar, this, index);
-      }
-    }
-
-    function onTextareaChange() {
-      messagebar.checkEmptyState();
-      messagebar.$el.trigger('messagebar:change');
-      messagebar.emit('local::change messagebarChange', messagebar);
-    }
-
-    function onTextareaFocus() {
-      messagebar.sheetHide();
-      messagebar.$el.addClass('messagebar-focused');
-      messagebar.$el.trigger('messagebar:focus');
-      messagebar.emit('local::focus messagebarFocus', messagebar);
-    }
-
-    function onTextareaBlur() {
-      messagebar.$el.removeClass('messagebar-focused');
-      messagebar.$el.trigger('messagebar:blur');
-      messagebar.emit('local::blur messagebarBlur', messagebar);
-    }
-
-    messagebar.attachEvents = function attachEvents() {
-      $el.on('textarea:resize', onAppResize);
-      $el.on('submit', onSubmit);
-      $el.on('click', '.messagebar-attachment', onAttachmentClick);
-      $textareaEl.on('change input', onTextareaChange);
-      $textareaEl.on('focus', onTextareaFocus);
-      $textareaEl.on('blur', onTextareaBlur);
-      app.on('resize', onAppResize);
-    };
-
-    messagebar.detachEvents = function detachEvents() {
-      $el.off('textarea:resize', onAppResize);
-      $el.off('submit', onSubmit);
-      $el.off('click', '.messagebar-attachment', onAttachmentClick);
-      $textareaEl.off('change input', onTextareaChange);
-      $textareaEl.off('focus', onTextareaFocus);
-      $textareaEl.off('blur', onTextareaBlur);
-      app.off('resize', onAppResize);
-    }; // Install Modules
-
-
-    messagebar.useModules(); // Init
-
-    messagebar.init();
-    return messagebar || _assertThisInitialized(_this);
-  }
-
-  var _proto = Messagebar.prototype;
-
-  _proto.focus = function focus() {
-    var messagebar = this;
-    messagebar.$textareaEl.focus();
-    return messagebar;
-  };
-
-  _proto.blur = function blur() {
-    var messagebar = this;
-    messagebar.$textareaEl.blur();
-    return messagebar;
-  };
-
-  _proto.clear = function clear() {
-    var messagebar = this;
-    messagebar.$textareaEl.val('').trigger('change');
-    return messagebar;
-  };
-
-  _proto.getValue = function getValue() {
-    var messagebar = this;
-    return messagebar.$textareaEl.val().trim();
-  };
-
-  _proto.setValue = function setValue(value) {
-    var messagebar = this;
-    messagebar.$textareaEl.val(value).trigger('change');
-    return messagebar;
-  };
-
-  _proto.setPlaceholder = function setPlaceholder(placeholder) {
-    var messagebar = this;
-    messagebar.$textareaEl.attr('placeholder', placeholder);
-    return messagebar;
-  };
-
-  _proto.resizePage = function resizePage() {
-    var messagebar = this;
-    var params = messagebar.params,
-        $el = messagebar.$el,
-        top = messagebar.top,
-        $pageEl = messagebar.$pageEl,
-        $pageContentEl = messagebar.$pageContentEl,
-        $areaEl = messagebar.$areaEl,
-        $textareaEl = messagebar.$textareaEl,
-        $sheetEl = messagebar.$sheetEl,
-        $attachmentsEl = messagebar.$attachmentsEl;
-    var elHeight = $el[0].offsetHeight;
-    var maxHeight = params.maxHeight;
-
-    if (top) {
-      /*
-      Disable at the moment
-      const requiredPaddingTop = elHeight + params.topOffset;
-      const currentPaddingTop = parseInt($pageContentEl.css('padding-top'), 10);
-      if (requiredPaddingTop !== currentPaddingTop) {
-        if (!maxHeight) {
-          maxHeight = $pageEl[0].offsetHeight - currentPaddingTop - $sheetEl.outerHeight() - $attachmentsEl.outerHeight() - parseInt($areaEl.css('margin-top'), 10) - parseInt($areaEl.css('margin-bottom'), 10);
-        }
-        $textareaEl.css('max-height', `${maxHeight}px`);
-        $pageContentEl.css('padding-top', `${requiredPaddingTop}px`);
-        $el.trigger('messagebar:resizePage');
-        messagebar.emit('local::resizepage messagebarResizePage');
-      }
-      */
-    } else {
-      var currentPaddingBottom = parseInt($pageContentEl.css('padding-bottom'), 10);
-      var requiredPaddingBottom = elHeight + params.bottomOffset;
-
-      if (requiredPaddingBottom !== currentPaddingBottom && $pageContentEl.length) {
-        var currentPaddingTop = parseInt($pageContentEl.css('padding-top'), 10);
-        var pageScrollHeight = $pageContentEl[0].scrollHeight;
-        var pageOffsetHeight = $pageContentEl[0].offsetHeight;
-        var pageScrollTop = $pageContentEl[0].scrollTop;
-        var scrollOnBottom = pageScrollTop === pageScrollHeight - pageOffsetHeight;
-
-        if (!maxHeight) {
-          maxHeight = $pageEl[0].offsetHeight - currentPaddingTop - $sheetEl.outerHeight() - $attachmentsEl.outerHeight() - parseInt($areaEl.css('margin-top'), 10) - parseInt($areaEl.css('margin-bottom'), 10);
-        }
-
-        $textareaEl.css('max-height', maxHeight + "px");
-        $pageContentEl.css('padding-bottom', requiredPaddingBottom + "px");
-
-        if (scrollOnBottom) {
-          $pageContentEl.scrollTop($pageContentEl[0].scrollHeight - pageOffsetHeight);
-        }
-
-        $el.trigger('messagebar:resizepage');
-        messagebar.emit('local::resizePage messagebarResizePage', messagebar);
-      }
-    }
-  };
-
-  _proto.checkEmptyState = function checkEmptyState() {
-    var messagebar = this;
-    var $el = messagebar.$el,
-        $textareaEl = messagebar.$textareaEl;
-    var value = $textareaEl.val().trim();
-
-    if (value && value.length) {
-      $el.addClass('messagebar-with-value');
-    } else {
-      $el.removeClass('messagebar-with-value');
-    }
-  };
-
-  _proto.attachmentsCreate = function attachmentsCreate(innerHTML) {
-    if (innerHTML === void 0) {
-      innerHTML = '';
-    }
-
-    var messagebar = this;
-    var $attachmentsEl = (0, _dom.default)("<div class=\"messagebar-attachments\">" + innerHTML + "</div>");
-    $attachmentsEl.insertBefore(messagebar.$textareaEl);
-    (0, _utils.extend)(messagebar, {
-      $attachmentsEl: $attachmentsEl,
-      attachmentsEl: $attachmentsEl[0]
-    });
-    return messagebar;
-  };
-
-  _proto.attachmentsShow = function attachmentsShow(innerHTML) {
-    if (innerHTML === void 0) {
-      innerHTML = '';
-    }
-
-    var messagebar = this;
-    messagebar.$attachmentsEl = messagebar.$el.find('.messagebar-attachments');
-
-    if (messagebar.$attachmentsEl.length === 0) {
-      messagebar.attachmentsCreate(innerHTML);
-    }
-
-    messagebar.$el.addClass('messagebar-attachments-visible');
-    messagebar.attachmentsVisible = true;
-
-    if (messagebar.params.resizePage) {
-      messagebar.resizePage();
-    }
-
-    return messagebar;
-  };
-
-  _proto.attachmentsHide = function attachmentsHide() {
-    var messagebar = this;
-    messagebar.$el.removeClass('messagebar-attachments-visible');
-    messagebar.attachmentsVisible = false;
-
-    if (messagebar.params.resizePage) {
-      messagebar.resizePage();
-    }
-
-    return messagebar;
-  };
-
-  _proto.attachmentsToggle = function attachmentsToggle() {
-    var messagebar = this;
-
-    if (messagebar.attachmentsVisible) {
-      messagebar.attachmentsHide();
-    } else {
-      messagebar.attachmentsShow();
-    }
-
-    return messagebar;
-  };
-
-  _proto.renderAttachment = function renderAttachment(attachment) {
-    var messagebar = this;
-
-    if (messagebar.params.renderAttachment) {
-      return messagebar.params.renderAttachment.call(messagebar, attachment);
-    }
-
-    return "\n      <div class=\"messagebar-attachment\">\n        <img src=\"" + attachment + "\">\n        <span class=\"messagebar-attachment-delete\"></span>\n      </div>\n    ";
-  };
-
-  _proto.renderAttachments = function renderAttachments() {
-    var messagebar = this;
-    var html;
-
-    if (messagebar.params.renderAttachments) {
-      html = messagebar.params.renderAttachments.call(messagebar, messagebar.attachments);
-    } else {
-      html = "" + messagebar.attachments.map(function (attachment) {
-        return messagebar.renderAttachment(attachment);
-      }).join('');
-    }
-
-    if (messagebar.$attachmentsEl.length === 0) {
-      messagebar.attachmentsCreate(html);
-    } else {
-      messagebar.$attachmentsEl.html(html);
-    }
-  };
-
-  _proto.sheetCreate = function sheetCreate(innerHTML) {
-    if (innerHTML === void 0) {
-      innerHTML = '';
-    }
-
-    var messagebar = this;
-    var $sheetEl = (0, _dom.default)("<div class=\"messagebar-sheet\">" + innerHTML + "</div>");
-    messagebar.$el.append($sheetEl);
-    (0, _utils.extend)(messagebar, {
-      $sheetEl: $sheetEl,
-      sheetEl: $sheetEl[0]
-    });
-    return messagebar;
-  };
-
-  _proto.sheetShow = function sheetShow(innerHTML) {
-    if (innerHTML === void 0) {
-      innerHTML = '';
-    }
-
-    var messagebar = this;
-    messagebar.$sheetEl = messagebar.$el.find('.messagebar-sheet');
-
-    if (messagebar.$sheetEl.length === 0) {
-      messagebar.sheetCreate(innerHTML);
-    }
-
-    messagebar.$el.addClass('messagebar-sheet-visible');
-    messagebar.sheetVisible = true;
-
-    if (messagebar.params.resizePage) {
-      messagebar.resizePage();
-    }
-
-    return messagebar;
-  };
-
-  _proto.sheetHide = function sheetHide() {
-    var messagebar = this;
-    messagebar.$el.removeClass('messagebar-sheet-visible');
-    messagebar.sheetVisible = false;
-
-    if (messagebar.params.resizePage) {
-      messagebar.resizePage();
-    }
-
-    return messagebar;
-  };
-
-  _proto.sheetToggle = function sheetToggle() {
-    var messagebar = this;
-
-    if (messagebar.sheetVisible) {
-      messagebar.sheetHide();
-    } else {
-      messagebar.sheetShow();
-    }
-
-    return messagebar;
-  };
-
-  _proto.init = function init() {
-    var messagebar = this;
-    messagebar.attachEvents();
-    messagebar.checkEmptyState();
-    return messagebar;
-  };
-
-  _proto.destroy = function destroy() {
-    var messagebar = this;
-    messagebar.emit('local::beforeDestroy messagebarBeforeDestroy', messagebar);
-    messagebar.$el.trigger('messagebar:beforedestroy');
-    messagebar.detachEvents();
-
-    if (messagebar.$el[0]) {
-      messagebar.$el[0].f7Messagebar = null;
-      delete messagebar.$el[0].f7Messagebar;
-    }
-
-    (0, _utils.deleteProps)(messagebar);
-  };
-
-  return Messagebar;
-}(_class.default);
-
-var _default = Messagebar;
-exports.default = _default;

package/cjs/components/messagebar/messagebar.js

@@ -1,78 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _messagebarClass = _interopRequireDefault(require("./messagebar-class"));
-
-var _constructorMethods = _interopRequireDefault(require("../../shared/constructor-methods"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'messagebar',
-  static: {
-    Messagebar: _messagebarClass.default
-  },
-  create: function create() {
-    var app = this;
-    app.messagebar = (0, _constructorMethods.default)({
-      defaultSelector: '.messagebar',
-      constructor: _messagebarClass.default,
-      app: app,
-      domProp: 'f7Messagebar',
-      addMethods: 'clear getValue setValue setPlaceholder resizePage focus blur attachmentsCreate attachmentsShow attachmentsHide attachmentsToggle renderAttachments sheetCreate sheetShow sheetHide sheetToggle'.split(' ')
-    });
-  },
-  on: {
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      var app = this;
-      (0, _dom.default)(tabEl).find('.messagebar-init').each(function (messagebarEl) {
-        app.messagebar.destroy(messagebarEl);
-      });
-    },
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      (0, _dom.default)(tabEl).find('.messagebar-init').each(function (messagebarEl) {
-        app.messagebar.create((0, _utils.extend)({
-          el: messagebarEl
-        }, (0, _dom.default)(messagebarEl).dataset()));
-      });
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      var app = this;
-      page.$el.find('.messagebar-init').each(function (messagebarEl) {
-        app.messagebar.destroy(messagebarEl);
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.messagebar-init').each(function (messagebarEl) {
-        app.messagebar.create((0, _utils.extend)({
-          el: messagebarEl
-        }, (0, _dom.default)(messagebarEl).dataset()));
-      });
-    }
-  },
-  vnode: {
-    'messagebar-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var messagebarEl = vnode.elm;
-        app.messagebar.create((0, _utils.extend)({
-          el: messagebarEl
-        }, (0, _dom.default)(messagebarEl).dataset()));
-      },
-      destroy: function destroy(vnode) {
-        var app = this;
-        var messagebarEl = vnode.elm;
-        app.messagebar.destroy(messagebarEl);
-      }
-    }
-  }
-};
-exports.default = _default;