framework7-vue 7.1.5 → 8.0.0-beta.2

package/components/login-screen-title.js

@@ -1,25 +1,22 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-login-screen-title',
   render,
-  props: { ...colorProps
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('login-screen-title', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/login-screen.js

@@ -1,12 +1,10 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -28,43 +26,36 @@ export default {
     ...colorProps
   },
   emits: ['loginscreen:open', 'loginscreen:opened', 'loginscreen:close', 'loginscreen:closed', 'update:opened'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
-    const f7LoginScreen = ref(null); // eslint-disable-next-line
-
+    const f7LoginScreen = ref(null);
+    // eslint-disable-next-line
     let isOpened = props.opened;
     let isClosing = false;
     const elRef = ref(null);
-
     const onOpen = instance => {
       isOpened = true;
       isClosing = false;
       emit('loginscreen:open', instance);
       emit('update:opened', true);
     };
-
     const onOpened = instance => {
       emit('loginscreen:opened', instance);
     };
-
     const onClose = instance => {
       isOpened = false;
       isClosing = true;
       emit('loginscreen:close', instance);
     };
-
     const onClosed = instance => {
       isClosing = false;
       emit('loginscreen:closed', instance);
       emit('update:opened', false);
     };
-
     watch(() => props.opened, value => {
       if (!f7LoginScreen.value) return;
-
       if (value) {
         f7LoginScreen.value.open();
       } else {
@@ -83,17 +74,13 @@ export default {
             closed: onClosed
           }
         };
-
         if (typeof props.animate !== 'undefined') {
           loginScreenParams.animate = props.animate;
         }
-
         if (typeof props.containerEl !== 'undefined') {
           loginScreenParams.containerEl = props.containerEl;
         }
-
         f7LoginScreen.value = f7.loginScreen.create(loginScreenParams);
-
         if (props.opened) {
           f7LoginScreen.value.open(false);
         }
@@ -103,7 +90,6 @@ export default {
       if (f7LoginScreen.value) {
         f7LoginScreen.value.destroy();
       }
-
       f7LoginScreen.value = null;
     });
     const classes = computed(() => classNames('login-screen', modalStateClasses({
@@ -115,5 +101,4 @@ export default {
       classes
     };
   }
-
 };

package/components/menu-dropdown-item.js

@@ -1,5 +1,4 @@
 import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", _mergeProps({
     ref: "elRef",
@@ -10,7 +9,6 @@ function render(_ctx, _cache) {
     })
   }), [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 16);
 }
-
 import { computed, ref } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps, routerProps, routerAttrs, routerClasses, actionsProps, actionsAttrs, actionsClasses } from '../shared/mixins.js';
@@ -29,17 +27,14 @@ export default {
     ...actionsProps
   },
   emits: ['click'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
     const elRef = ref(null);
-
     const onClick = e => {
       emit('click', e);
     };
-
     useRouteProps(elRef, props);
     const isLink = computed(() => props.link || props.href || props.href === '');
     const tag = computed(() => isLink.value ? 'a' : 'div');
@@ -70,5 +65,4 @@ export default {
       elRef
     };
   }
-
 };

package/components/menu-dropdown.js

@@ -1,5 +1,4 @@
 import { renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
@@ -10,7 +9,6 @@ function render(_ctx, _cache) {
     })
   }, [_renderSlot(_ctx.$slots, "default")], 4)], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -25,7 +23,6 @@ export default {
     right: Boolean,
     ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => {
       let positionComputed = props.position || 'left';
@@ -38,5 +35,4 @@ export default {
       classes
     };
   }
-
 };

package/components/menu-item.js

@@ -3,10 +3,8 @@ const _hoisted_1 = {
   key: 0,
   class: "menu-item-content"
 };
-
 function render(_ctx, _cache) {
   const _component_f7_use_icon = _resolveComponent("f7-use-icon");
-
   return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), _mergeProps({
     ref: "elRef",
     class: _ctx.classes
@@ -20,7 +18,6 @@ function render(_ctx, _cache) {
     _: 3
   }, 16, ["class", "onClick"]);
 }
-
 import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps, routerProps, routerAttrs, routerClasses, actionsProps, actionsClasses, actionsAttrs, iconProps } from '../shared/mixins.js';
@@ -50,7 +47,6 @@ export default {
     ...iconProps
   },
   emits: ['click', 'menu:opened', 'menu:closed'],
-
   setup(props, _ref) {
     let {
       slots,
@@ -58,35 +54,28 @@ export default {
     } = _ref;
     const elRef = ref(null);
     useTooltip(elRef, props);
-
     const onClick = e => {
       emit('click', e);
     };
-
     const onOpened = el => {
       if (elRef.value !== el) return;
       emit('menu:opened', el);
     };
-
     const onClosed = el => {
       if (elRef.value !== el) return;
       emit('menu:closed', el);
     };
-
     useRouteProps(elRef, props);
-
     const attachEvents = () => {
       f7ready(() => {
         f7.on('menuOpened', onOpened);
         f7.on('menuClosed', onClosed);
       });
     };
-
     const detachEvents = () => {
       f7.off('menuOpened', onOpened);
       f7.off('menuClosed', onOpened);
     };
-
     onMounted(() => attachEvents());
     onBeforeUnmount(() => detachEvents());
     const icon = computed(() => useIcon(props));
@@ -96,13 +85,11 @@ export default {
     });
     const classes = computed(() => {
       let iconOnlyComputed;
-
       if (props.iconOnly || !props.text && !slots.text) {
         iconOnlyComputed = true;
       } else {
         iconOnlyComputed = false;
       }
-
       const isDropdown = props.dropdown || props.dropdown === '';
       return classNames({
         'menu-item': true,
@@ -129,5 +116,4 @@ export default {
       elRef
     };
   }
-
 };

package/components/menu.js

@@ -2,27 +2,24 @@ import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, n
 const _hoisted_1 = {
   class: "menu-inner"
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-menu',
   render,
-  props: { ...colorProps
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('menu', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/message.js

@@ -15,19 +15,14 @@ const _hoisted_5 = {
   key: 0,
   class: "message-typing-indicator"
 };
-
 const _hoisted_6 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
-
 const _hoisted_7 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
-
 const _hoisted_8 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
-
 const _hoisted_9 = [_hoisted_6, _hoisted_7, _hoisted_8];
 const _hoisted_10 = {
   key: 3,
   class: "message-text-footer"
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes),
@@ -76,7 +71,6 @@ function render(_ctx, _cache) {
     })
   }, [_createTextVNode(_toDisplayString(_ctx.footer) + " ", 1), _renderSlot(_ctx.$slots, "footer")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "content-end")]), _renderSlot(_ctx.$slots, "end")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -107,41 +101,32 @@ export default {
     ...colorProps
   },
   emits: ['click', 'click:name', 'click:text', 'click:avatar', 'click:header', 'click:footer', 'click:bubble'],
-
   setup(props, _ref) {
     let {
       emit,
       slots
     } = _ref;
-
     const onClick = event => {
       emit('click', event);
     };
-
     const onNameClick = event => {
       emit('click:name', event);
     };
-
     const onTextClick = event => {
       emit('click:text', event);
     };
-
     const onAvatarClick = event => {
       emit('click:avatar', event);
     };
-
     const onHeaderClick = event => {
       emit('click:header', event);
     };
-
     const onFooterClick = event => {
       emit('click:footer', event);
     };
-
     const onBubbleClick = event => {
       emit('click:bubble', event);
     };
-
     const classes = computed(() => classNames('message', {
       'message-sent': props.type === 'sent',
       'message-received': props.type === 'received',
@@ -181,5 +166,4 @@ export default {
       hasFooter
     };
   }
-
 };

package/components/messagebar-attachment.js

@@ -1,6 +1,5 @@
 import { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = ["src"];
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes),
@@ -18,7 +17,6 @@ function render(_ctx, _cache) {
     })
   })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -34,20 +32,16 @@ export default {
     ...colorProps
   },
   emits: ['attachment:click', 'attachment:delete'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
-
     const onClick = event => {
       emit('attachment:click', event);
     };
-
     const onDeleteClick = event => {
       emit('attachment:delete', event);
     };
-
     const classes = computed(() => classNames('messagebar-attachment', colorClasses(props)));
     return {
       classes,
@@ -55,5 +49,4 @@ export default {
       onDeleteClick
     };
   }
-
 };

package/components/messagebar-attachments.js

@@ -1,25 +1,22 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-messagebar-attachments',
   render,
-  props: { ...colorProps
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('messagebar-attachments', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/messagebar-sheet-image.js

@@ -1,23 +1,23 @@
-import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = ["checked"];
-
 const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
   class: "icon icon-checkbox"
 }, null, -1);
-
+const _hoisted_3 = ["src"];
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("label", {
-    class: _normalizeClass(_ctx.classes),
-    style: _normalizeStyle(_ctx.styles)
+    class: _normalizeClass(_ctx.classes)
   }, [_createElementVNode("input", {
     type: "checkbox",
     checked: _ctx.checked,
     onChange: _cache[0] || (_cache[0] = function () {
       return _ctx.onChange && _ctx.onChange(...arguments);
     })
-  }, null, 40, _hoisted_1), _hoisted_2, _renderSlot(_ctx.$slots, "default")], 6);
+  }, null, 40, _hoisted_1), _hoisted_2, _ctx.image ? (_openBlock(), _createElementBlock("img", {
+    key: 0,
+    src: _ctx.image
+  }, null, 8, _hoisted_3)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -30,27 +30,19 @@ export default {
     ...colorProps
   },
   emits: ['checked', 'unchecked', 'change', 'update:checked'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
-
     const onChange = event => {
       if (event.target.checked) emit('checked', event);else emit('unchecked', event);
       emit('update:checked', event.target.checked);
       emit('change', event);
     };
-
     const classes = computed(() => classNames('messagebar-sheet-image', 'checkbox', colorClasses(props)));
-    const styles = computed(() => ({
-      backgroundImage: props.image && `url(${props.image})`
-    }));
     return {
       classes,
-      styles,
       onChange
     };
   }
-
 };

package/components/messagebar-sheet-item.js

@@ -1,25 +1,22 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-messagebar-sheet-item',
   render,
-  props: { ...colorProps
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('messagebar-sheet-item', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/messagebar-sheet.js

@@ -1,25 +1,22 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-messagebar-sheet',
   render,
-  props: { ...colorProps
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('messagebar-sheet', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/messagebar.js

@@ -44,7 +44,6 @@ export default {
     ...colorProps
   },
   emits: ['change', 'input', 'focus', 'blur', 'submit', 'send', 'click', 'messagebar:attachmentdelete', 'messagebar:attachmentclick', 'messagebar:resizepage', 'update:value'],
-
   setup(props, _ref) {
     let {
       emit,
@@ -55,24 +54,19 @@ export default {
     let f7Messagebar = null;
     let updateSheetVisible = false;
     let updateAttachmentsVisible = false;
-
     const onChange = event => {
       emit('change', event);
     };
-
     const onInput = event => {
       emit('input', event);
       emit('update:value', event.target.value);
     };
-
     const onFocus = event => {
       emit('focus', event);
     };
-
     const onBlur = event => {
       emit('blur', event);
     };
-
     const onClick = event => {
       const inputValue = areaElRef.value.$el;
       const clear = f7Messagebar ? () => {
@@ -82,19 +76,15 @@ export default {
       emit('send', inputValue, clear);
       emit('click', event);
     };
-
     const onAttachmentDelete = (instance, attachmentEl, attachmentElIndex) => {
       emit('messagebar:attachmentdelete', instance, attachmentEl, attachmentElIndex);
     };
-
     const onAttachmentClick = (instance, attachmentEl, attachmentElIndex) => {
       emit('messagebar:attachmentclick', instance, attachmentEl, attachmentElIndex);
     };
-
     const onResizePage = instance => {
       emit('messagebar:resizepage', instance);
     };
-
     watch(() => props.sheetVisible, () => {
       if (!props.resizable || !f7Messagebar) return;
       updateSheetVisible = true;
@@ -125,13 +115,11 @@ export default {
     });
     onUpdated(() => {
       if (!f7Messagebar) return;
-
       if (updateSheetVisible) {
         updateSheetVisible = false;
         f7Messagebar.sheetVisible = props.sheetVisible;
         f7Messagebar.resizePage();
       }
-
       if (updateAttachmentsVisible) {
         updateAttachmentsVisible = false;
         f7Messagebar.attachmentsVisible = props.attachmentsVisible;
@@ -162,12 +150,10 @@ export default {
       const innerEndEls = [];
       let messagebarAttachmentsEl;
       let messagebarSheetEl;
-
       if (slotsDefault) {
         slotsDefault().forEach(vnode => {
           if (typeof vnode === 'undefined') return;
           const 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')) {
@@ -177,7 +163,6 @@ export default {
           }
         });
       }
-
       return h('div', {
         class: classes.value,
         ref: elRef
@@ -205,5 +190,4 @@ export default {
       }, [slotsSendLink ? slotsSendLink() : props.sendLink]), slotsInnerEnd && slotsInnerEnd(), innerEndEls]), slotsAfterInner && slotsAfterInner(), messagebarSheetEl]);
     };
   }
-
 };

package/components/messages-title.js

@@ -1,25 +1,22 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-messages-title',
   render,
-  props: { ...colorProps
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('messages-title', colorClasses(props)));
     return {
       classes
     };
   }
-
 };