framework7-vue 6.3.15 → 7.0.0-beta.11

package/cjs/components/messagebar.js

@@ -1,223 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-var _link = _interopRequireDefault(require("./link"));
-
-var _input = _interopRequireDefault(require("./input"));
-
-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: 'f7-messagebar',
-  props: _extends({
-    sheetVisible: Boolean,
-    attachmentsVisible: Boolean,
-    top: Boolean,
-    resizable: {
-      type: Boolean,
-      default: true
-    },
-    bottomOffset: {
-      type: Number,
-      default: 0
-    },
-    topOffset: {
-      type: Number,
-      default: 0
-    },
-    maxHeight: Number,
-    resizePage: {
-      type: Boolean,
-      default: true
-    },
-    sendLink: String,
-    value: [String, Number, Array],
-    disabled: Boolean,
-    readonly: Boolean,
-    textareaId: [Number, String],
-    name: String,
-    placeholder: {
-      type: String,
-      default: 'Message'
-    },
-    init: {
-      type: Boolean,
-      default: true
-    }
-  }, _mixins.colorProps),
-  emits: ['change', 'input', 'focus', 'blur', 'submit', 'send', 'click', 'messagebar:attachmentdelete', 'messagebar:attachmentclick', 'messagebar:resizepage', 'update:value'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-        slots = _ref.slots;
-    var elRef = (0, _vue.ref)(null);
-    var areaElRef = (0, _vue.ref)(null);
-    var f7Messagebar = null;
-    var updateSheetVisible = false;
-    var updateAttachmentsVisible = false;
-
-    var onChange = function onChange(event) {
-      emit('change', event);
-    };
-
-    var onInput = function onInput(event) {
-      emit('input', event);
-      emit('update:value', event.target.value);
-    };
-
-    var onFocus = function onFocus(event) {
-      emit('focus', event);
-    };
-
-    var onBlur = function onBlur(event) {
-      emit('blur', event);
-    };
-
-    var onClick = function onClick(event) {
-      var inputValue = areaElRef.value.$el;
-      var clear = f7Messagebar ? function () {
-        f7Messagebar.clear();
-      } : function () {};
-      emit('submit', inputValue, clear);
-      emit('send', inputValue, clear);
-      emit('click', event);
-    };
-
-    var onAttachmentDelete = function onAttachmentDelete(instance, attachmentEl, attachmentElIndex) {
-      emit('messagebar:attachmentdelete', instance, attachmentEl, attachmentElIndex);
-    };
-
-    var onAttachmentClick = function onAttachmentClick(instance, attachmentEl, attachmentElIndex) {
-      emit('messagebar:attachmentclick', instance, attachmentEl, attachmentElIndex);
-    };
-
-    var onResizePage = function onResizePage(instance) {
-      emit('messagebar:resizepage', instance);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.sheetVisible;
-    }, function () {
-      if (!props.resizable || !f7Messagebar) return;
-      updateSheetVisible = true;
-    });
-    (0, _vue.watch)(function () {
-      return props.attachmentsVisible;
-    }, function () {
-      if (!props.resizable || !f7Messagebar) return;
-      updateAttachmentsVisible = true;
-    });
-    (0, _vue.onMounted)(function () {
-      if (!props.init) return;
-      if (!elRef.value) return;
-      var params = (0, _utils.noUndefinedProps)({
-        el: elRef.value,
-        top: props.top,
-        resizePage: props.resizePage,
-        bottomOffset: props.bottomOffset,
-        topOffset: props.topOffset,
-        maxHeight: props.maxHeight,
-        on: {
-          attachmentDelete: onAttachmentDelete,
-          attachmentClick: onAttachmentClick,
-          resizePage: onResizePage
-        }
-      });
-      (0, _f.f7ready)(function () {
-        f7Messagebar = _f.f7.messagebar.create(params);
-      });
-    });
-    (0, _vue.onUpdated)(function () {
-      if (!f7Messagebar) return;
-
-      if (updateSheetVisible) {
-        updateSheetVisible = false;
-        f7Messagebar.sheetVisible = props.sheetVisible;
-        f7Messagebar.resizePage();
-      }
-
-      if (updateAttachmentsVisible) {
-        updateAttachmentsVisible = false;
-        f7Messagebar.attachmentsVisible = props.attachmentsVisible;
-        f7Messagebar.resizePage();
-      }
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Messagebar && f7Messagebar.destroy) f7Messagebar.destroy();
-      f7Messagebar = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('toolbar', 'messagebar', {
-        'messagebar-attachments-visible': props.attachmentsVisible,
-        'messagebar-sheet-visible': props.sheetVisible
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return function () {
-      var valueProps = {};
-      if ('value' in props) valueProps.value = props.value;
-      var slotsDefault = slots.default,
-          slotsBeforeInner = slots['before-inner'],
-          slotsAfterInner = slots['after-inner'],
-          slotsSendLink = slots['send-link'],
-          slotsInnerStart = slots['inner-start'],
-          slotsInnerEnd = slots['inner-end'],
-          slotsBeforeArea = slots['before-area'],
-          slotsAfterArea = slots['after-area'];
-      var innerEndEls = [];
-      var messagebarAttachmentsEl;
-      var messagebarSheetEl;
-
-      if (slotsDefault) {
-        slotsDefault().forEach(function (vnode) {
-          if (typeof vnode === 'undefined') return;
-          var tag = vnode.type && vnode.type.name ? vnode.type.name : vnode.type;
-
-          if (tag && (tag.indexOf('messagebar-attachments') >= 0 || tag === 'F7MessagebarAttachments' || tag === 'f7-messagebar-attachments')) {
-            messagebarAttachmentsEl = vnode;
-          } else if (tag && (tag.indexOf('messagebar-sheet') >= 0 || tag === 'F7MessagebarSheet' || tag === 'f7-messagebar-sheet')) {
-            messagebarSheetEl = vnode;
-          } else {
-            innerEndEls.push(vnode);
-          }
-        });
-      }
-
-      return (0, _vue.h)('div', {
-        class: classes.value,
-        ref: elRef
-      }, [slotsBeforeInner && slotsBeforeInner(), (0, _vue.h)('div', {
-        class: 'toolbar-inner'
-      }, [slotsInnerStart && slotsInnerStart(), (0, _vue.h)('div', {
-        class: 'messagebar-area'
-      }, [slotsBeforeArea && slotsBeforeArea(), messagebarAttachmentsEl, (0, _vue.h)(_input.default, _extends({
-        id: props.textareaId,
-        ref: areaElRef,
-        type: 'textarea',
-        wrap: false,
-        placeholder: props.placeholder,
-        disabled: props.disabled,
-        name: props.name,
-        readonly: props.readonly,
-        resizable: props.resizable,
-        onInput: onInput,
-        onChange: onChange,
-        onFocus: onFocus,
-        onBlur: onBlur
-      }, valueProps)), slotsAfterArea && slotsAfterArea()]), (props.sendLink && props.sendLink.length > 0 || slotsSendLink) && (0, _vue.h)(_link.default, {
-        onClick: onClick
-      }, [slotsSendLink ? slotsSendLink() : props.sendLink]), slotsInnerEnd && slotsInnerEnd(), innerEndEls]), slotsAfterInner && slotsAfterInner(), messagebarSheetEl]);
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/messages-title.js

@@ -1,33 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-messages-title',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('messages-title', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/messages.js

@@ -1,154 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default2 = {
-  name: 'f7-messages',
-  render: render,
-  props: _extends({
-    autoLayout: {
-      type: Boolean,
-      default: false
-    },
-    messages: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    newMessagesFirst: {
-      type: Boolean,
-      default: false
-    },
-    scrollMessages: {
-      type: Boolean,
-      default: true
-    },
-    scrollMessagesOnEdge: {
-      type: Boolean,
-      default: true
-    },
-    typing: {
-      type: Boolean,
-      default: false
-    },
-    firstMessageRule: Function,
-    lastMessageRule: Function,
-    tailMessageRule: Function,
-    sameNameMessageRule: Function,
-    sameHeaderMessageRule: Function,
-    sameFooterMessageRule: Function,
-    sameAvatarMessageRule: Function,
-    customClassMessageRule: Function,
-    renderMessage: Function,
-    init: {
-      type: Boolean,
-      default: true
-    }
-  }, _mixins.colorProps),
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots;
-    var f7Messages = null;
-    var childrenBeforeUpdated = null;
-    var elRef = (0, _vue.ref)(null);
-    (0, _vue.onMounted)(function () {
-      if (!props.init) return;
-      (0, _f.f7ready)(function () {
-        f7Messages = _f.f7.messages.create((0, _utils.noUndefinedProps)({
-          el: elRef.value,
-          autoLayout: props.autoLayout,
-          messages: props.messages,
-          newMessagesFirst: props.newMessagesFirst,
-          scrollMessages: props.scrollMessages,
-          scrollMessagesOnEdge: props.scrollMessagesOnEdge,
-          firstMessageRule: props.firstMessageRule,
-          lastMessageRule: props.lastMessageRule,
-          tailMessageRule: props.tailMessageRule,
-          sameNameMessageRule: props.sameNameMessageRule,
-          sameHeaderMessageRule: props.sameHeaderMessageRule,
-          sameFooterMessageRule: props.sameFooterMessageRule,
-          sameAvatarMessageRule: props.sameAvatarMessageRule,
-          customClassMessageRule: props.customClassMessageRule,
-          renderMessage: props.renderMessage
-        }));
-
-        if (f7Messages && props.typing) {
-          f7Messages.showTyping();
-        }
-      });
-    });
-    (0, _vue.onBeforeUpdate)(function () {
-      if (!props.init || !elRef.value) return;
-      var children = elRef.value.children;
-      if (!children) return;
-      childrenBeforeUpdated = children.length;
-
-      for (var i = 0; i < children.length; i += 1) {
-        children[i].classList.add('message-appeared');
-      }
-
-      var childrenAfterUpdate = (0, _utils.getChildren)(slots);
-
-      if (f7Messages && props.scrollMessages && childrenBeforeUpdated !== childrenAfterUpdate) {
-        f7Messages.setScrollData();
-      }
-    });
-    (0, _vue.onUpdated)(function () {
-      if (!props.init) return;
-      if (!elRef.value) return;
-      var children = elRef.value.children;
-      if (!children) return;
-      var childerAftterUpdated = children.length;
-
-      for (var i = 0; i < children.length; i += 1) {
-        if (!children[i].classList.contains('message-appeared')) {
-          children[i].classList.add('message-appear-from-bottom');
-        }
-      }
-
-      if (f7Messages && f7Messages.layout && props.autoLayout) {
-        f7Messages.layout();
-      }
-
-      if (childerAftterUpdated !== childrenBeforeUpdated && f7Messages && f7Messages.scroll && f7Messages.scrollData && props.scrollMessages) {
-        f7Messages.scrollWithEdgeCheck(true);
-      }
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Messages && f7Messages.destroy) f7Messages.destroy();
-      f7Messages = null;
-    });
-    (0, _vue.watch)(function () {
-      return props.typing;
-    }, function (newValue) {
-      if (!f7Messages) return;
-      if (newValue) f7Messages.showTyping();else f7Messages.hideTyping();
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('messages', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default2;

package/cjs/components/nav-left.js

@@ -1,85 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _useTheme = require("../shared/use-theme");
-
-var _link = _interopRequireDefault(require("./link"));
-
-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); }
-
-function render(_ctx, _cache) {
-  var _component_f7_link = (0, _vue.resolveComponent)("f7-link");
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [_ctx.backLink ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_link, {
-    key: 0,
-    href: _ctx.backLinkUrl || '#',
-    back: "",
-    icon: "icon-back",
-    force: _ctx.backLinkForce || undefined,
-    class: !_ctx.text ? 'icon-only' : undefined,
-    text: _ctx.text,
-    onClick: _ctx.onBackClick
-  }, null, 8, ["href", "force", "class", "text", "onClick"])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-nav-left',
-  render: render,
-  components: {
-    f7Link: _link.default
-  },
-  props: _extends({
-    backLink: [Boolean, String],
-    backLinkUrl: String,
-    backLinkForce: Boolean,
-    backLinkShowText: {
-      type: Boolean,
-      default: undefined
-    },
-    sliding: Boolean
-  }, _mixins.colorProps),
-  emits: ['back:click', 'click:back'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-
-    var onBackClick = function onBackClick(event) {
-      emit('back:click', event);
-      emit('click:back', event);
-    };
-
-    var theme = (0, _useTheme.useTheme)();
-    var text = (0, _vue.computed)(function () {
-      var needBackLinkText = props.backLinkShowText;
-      if (typeof needBackLinkText === 'undefined') needBackLinkText = !theme.value.md;
-
-      if (props.backLink) {
-        return props.backLink !== true && needBackLinkText ? props.backLink : undefined;
-      }
-
-      return undefined;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('left', {
-        sliding: props.sliding
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      onBackClick: onBackClick,
-      text: text
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/nav-right.js

@@ -1,37 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-nav-right',
-  render: render,
-  props: _extends({
-    sliding: Boolean
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('right', {
-        sliding: props.sliding
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/nav-title-large.js

@@ -1,37 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-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 _hoisted_1 = {
-  class: "title-large-text"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.createVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "default")])], 2);
-}
-
-var _default = {
-  name: 'f7-nav-title-large',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('title-large', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/nav-title.js

@@ -1,44 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-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 _hoisted_1 = {
-  key: 0,
-  class: "subtitle"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default"), (0, _vue.createTextVNode)(" " + (0, _vue.toDisplayString)(_ctx.title) + " ", 1), _ctx.subtitle ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_1, (0, _vue.toDisplayString)(_ctx.subtitle), 1)) : (0, _vue.createCommentVNode)("", true)], 2);
-}
-
-var _default = {
-  name: 'f7-nav-title',
-  render: render,
-  props: _extends({
-    title: String,
-    subtitle: String,
-    sliding: Boolean
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('title', {
-        sliding: props.sliding
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;