framework7-vue 7.0.0-beta.15 → 7.0.0-beta.20

package/components/list-item.js

@@ -7,17 +7,18 @@ import { useTooltip } from '../shared/use-tooltip.js';
 import { f7ready, f7 } from '../shared/f7.js';
 import f7Badge from './badge.js';
 
-const ListItemContent = ({
-  props,
-  slots,
-  inputElRef,
-  onChange,
-  onClick,
-  isMediaComputed,
-  isSortableComputed,
-  isSortableOppositeComputed,
-  itemContentClasses
-} = {}) => {
+const ListItemContent = function (_temp) {
+  let {
+    props,
+    slots,
+    inputElRef,
+    onChange,
+    onClick,
+    isMediaComputed,
+    isSortableComputed,
+    isSortableOppositeComputed,
+    itemContentClasses
+  } = _temp === void 0 ? {} : _temp;
   const {
     radio,
     checkbox,
@@ -219,10 +220,11 @@ export default {
   },
   emits: ['click', 'swipeout', 'swipeout:overswipeenter', 'swipeout:overswipeexit', 'swipeout:deleted', 'swipeout:delete', 'swipeout:close', 'swipeout:closed', 'swipeout:open', 'swipeout:opened', 'accordion:beforeclose', 'accordion:close', 'accordion:closed', 'accordion:beforeopen', 'accordion:open', 'accordion:opened', 'change', 'update:checked'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
     const ListContext = inject('ListContext', {
       value: {
         listIsMedia: false,

package/components/list.js

@@ -52,10 +52,11 @@ export default {
   },
   emits: ['submit', 'sortable:enable', 'sortable:disable', 'sortable:sort', 'sortable:move', 'virtual:itembeforeinsert', 'virtual:beforeclear', 'virtual:itemsbeforeinsert', 'virtual:itemsafterinsert', 'tab:hide', 'tab:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     let f7VirtualList = null;
     const elRef = ref(null);
 

package/components/login-screen-title.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/login-screen.js

@@ -1,9 +1,9 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 
@@ -29,9 +29,10 @@ export default {
   },
   emits: ['loginscreen:open', 'loginscreen:opened', 'loginscreen:close', 'loginscreen:closed', 'update:opened'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const f7LoginScreen = ref(null); // eslint-disable-next-line
 
     let isOpened = props.opened;

package/components/menu-dropdown-item.js

@@ -1,11 +1,13 @@
-import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+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(), _createBlock("div", _mergeProps({
+  return _openBlock(), _createElementBlock("div", _mergeProps({
     ref: "elRef",
     class: _ctx.classes
   }, _ctx.attrs, {
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }), [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 16);
 }
 
@@ -28,9 +30,10 @@ export default {
   },
   emits: ['click'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const elRef = ref(null);
 
     const onClick = e => {

package/components/menu-dropdown.js

@@ -1,13 +1,13 @@
-import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+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(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_createVNode("div", {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_createElementVNode("div", {
     class: "menu-dropdown-content",
-    style: {
+    style: _normalizeStyle({
       height: _ctx.contentHeight
-    }
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 4)], 2);
 }
 

package/components/menu-item.js

@@ -1,4 +1,4 @@
-import { toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
+import { toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "menu-item-content"
@@ -13,7 +13,7 @@ function render(_ctx, _cache) {
   }, _ctx.attrs, {
     onClick: _ctx.onClick
   }), {
-    default: _withCtx(() => [_ctx.text || _ctx.$slots.text || _ctx.icon ? (_openBlock(), _createBlock("div", _hoisted_1, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
+    default: _withCtx(() => [_ctx.text || _ctx.$slots.text || _ctx.icon ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
       key: 0,
       icon: _ctx.icon
     }, null, 8, ["icon"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "text")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")]),
@@ -51,10 +51,11 @@ export default {
   },
   emits: ['click', 'menu:opened', 'menu:closed'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
     const elRef = ref(null);
     useTooltip(elRef, props);
 

package/components/menu.js

@@ -1,12 +1,12 @@
-import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = {
   class: "menu-inner"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_createVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 2);
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 2);
 }
 
 import { computed } from 'vue';

package/components/message.js

@@ -1,4 +1,4 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
+import { renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = {
   class: "message-content"
 };
@@ -6,58 +6,74 @@ const _hoisted_2 = {
   key: 0,
   class: "message-image"
 };
-const _hoisted_3 = {
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
   key: 1,
   class: "message-text-header"
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   key: 0,
   class: "message-typing-indicator"
 };
 
-const _hoisted_5 = /*#__PURE__*/_createVNode("div", null, null, -1);
+const _hoisted_6 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
 
-const _hoisted_6 = /*#__PURE__*/_createVNode("div", null, null, -1);
+const _hoisted_7 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
 
-const _hoisted_7 = /*#__PURE__*/_createVNode("div", null, null, -1);
+const _hoisted_8 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
 
-const _hoisted_8 = {
+const _hoisted_9 = [_hoisted_6, _hoisted_7, _hoisted_8];
+const _hoisted_10 = {
   key: 3,
   class: "message-text-footer"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes,
-    onClick: _cache[7] || (_cache[7] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }, [_renderSlot(_ctx.$slots, "start"), _ctx.hasAvatar ? (_openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes),
+    onClick: _cache[6] || (_cache[6] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
+  }, [_renderSlot(_ctx.$slots, "start"), _ctx.hasAvatar ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: "message-avatar",
-    style: {
+    style: _normalizeStyle({
       backgroundImage: _ctx.avatar && `url(${_ctx.avatar})`
-    },
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onAvatarClick && _ctx.onAvatarClick(...args))
-  }, [_renderSlot(_ctx.$slots, "avatar")], 4)) : _createCommentVNode("", true), _createVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "content-start"), _ctx.hasName ? (_openBlock(), _createBlock("div", {
+    }),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onAvatarClick && _ctx.onAvatarClick(...arguments);
+    })
+  }, [_renderSlot(_ctx.$slots, "avatar")], 4)) : _createCommentVNode("", true), _createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "content-start"), _ctx.hasName ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: "message-name",
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onNameClick && _ctx.onNameClick(...args))
-  }, [_createTextVNode(_toDisplayString(_ctx.name) + " ", 1), _renderSlot(_ctx.$slots, "name")])) : _createCommentVNode("", true), _ctx.hasHeader ? (_openBlock(), _createBlock("div", {
+    onClick: _cache[1] || (_cache[1] = function () {
+      return _ctx.onNameClick && _ctx.onNameClick(...arguments);
+    })
+  }, [_createTextVNode(_toDisplayString(_ctx.name) + " ", 1), _renderSlot(_ctx.$slots, "name")])) : _createCommentVNode("", true), _ctx.hasHeader ? (_openBlock(), _createElementBlock("div", {
     key: 1,
     class: "message-header",
-    onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onHeaderClick && _ctx.onHeaderClick(...args))
-  }, [_createTextVNode(_toDisplayString(_ctx.header) + " ", 1), _renderSlot(_ctx.$slots, "header")])) : _createCommentVNode("", true), _createVNode("div", {
+    onClick: _cache[2] || (_cache[2] = function () {
+      return _ctx.onHeaderClick && _ctx.onHeaderClick(...arguments);
+    })
+  }, [_createTextVNode(_toDisplayString(_ctx.header) + " ", 1), _renderSlot(_ctx.$slots, "header")])) : _createCommentVNode("", true), _createElementVNode("div", {
     class: "message-bubble",
-    onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onBubbleClick && _ctx.onBubbleClick(...args))
-  }, [_renderSlot(_ctx.$slots, "bubble-start"), _ctx.hasImage ? (_openBlock(), _createBlock("div", _hoisted_2, [_renderSlot(_ctx.$slots, "image", {}, () => [_createVNode("img", {
+    onClick: _cache[4] || (_cache[4] = function () {
+      return _ctx.onBubbleClick && _ctx.onBubbleClick(...arguments);
+    })
+  }, [_renderSlot(_ctx.$slots, "bubble-start"), _ctx.hasImage ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_renderSlot(_ctx.$slots, "image", {}, () => [_createElementVNode("img", {
     src: _ctx.image
-  }, null, 8, ["src"])])])) : _createCommentVNode("", true), _ctx.hasTextHeader ? (_openBlock(), _createBlock("div", _hoisted_3, [_createTextVNode(_toDisplayString(_ctx.textHeader) + " ", 1), _renderSlot(_ctx.$slots, "text-header")])) : _createCommentVNode("", true), _ctx.hasText ? (_openBlock(), _createBlock("div", {
+  }, null, 8, _hoisted_3)])])) : _createCommentVNode("", true), _ctx.hasTextHeader ? (_openBlock(), _createElementBlock("div", _hoisted_4, [_createTextVNode(_toDisplayString(_ctx.textHeader) + " ", 1), _renderSlot(_ctx.$slots, "text-header")])) : _createCommentVNode("", true), _ctx.hasText ? (_openBlock(), _createElementBlock("div", {
     key: 2,
     class: "message-text",
-    onClick: _cache[4] || (_cache[4] = (...args) => _ctx.onTextClick && _ctx.onTextClick(...args))
-  }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "text"), _ctx.typing ? (_openBlock(), _createBlock("div", _hoisted_4, [_hoisted_5, _hoisted_6, _hoisted_7])) : _createCommentVNode("", true)])) : _createCommentVNode("", true), _ctx.hasTextFooter ? (_openBlock(), _createBlock("div", _hoisted_8, [_createTextVNode(_toDisplayString(_ctx.textFooter) + " ", 1), _renderSlot(_ctx.$slots, "text-footer")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "bubble-end"), _renderSlot(_ctx.$slots, "default")]), _ctx.hasFooter ? (_openBlock(), _createBlock("div", {
+    onClick: _cache[3] || (_cache[3] = function () {
+      return _ctx.onTextClick && _ctx.onTextClick(...arguments);
+    })
+  }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "text"), _ctx.typing ? (_openBlock(), _createElementBlock("div", _hoisted_5, _hoisted_9)) : _createCommentVNode("", true)])) : _createCommentVNode("", true), _ctx.hasTextFooter ? (_openBlock(), _createElementBlock("div", _hoisted_10, [_createTextVNode(_toDisplayString(_ctx.textFooter) + " ", 1), _renderSlot(_ctx.$slots, "text-footer")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "bubble-end"), _renderSlot(_ctx.$slots, "default")]), _ctx.hasFooter ? (_openBlock(), _createElementBlock("div", {
     key: 2,
     class: "message-footer",
-    onClick: _cache[6] || (_cache[6] = (...args) => _ctx.onFooterClick && _ctx.onFooterClick(...args))
+    onClick: _cache[5] || (_cache[5] = function () {
+      return _ctx.onFooterClick && _ctx.onFooterClick(...arguments);
+    })
   }, [_createTextVNode(_toDisplayString(_ctx.footer) + " ", 1), _renderSlot(_ctx.$slots, "footer")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "content-end")]), _renderSlot(_ctx.$slots, "end")], 2);
 }
 
@@ -92,10 +108,12 @@ export default {
   },
   emits: ['click', 'click:name', 'click:text', 'click:avatar', 'click:header', 'click:footer', 'click:bubble'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+
     const onClick = event => {
       emit('click', event);
     };

package/components/messagebar-attachment.js

@@ -1,16 +1,21 @@
-import { openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from "vue";
+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(), _createBlock("div", {
-    class: _ctx.classes,
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }, [_ctx.image ? (_openBlock(), _createBlock("img", {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes),
+    onClick: _cache[1] || (_cache[1] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
+  }, [_ctx.image ? (_openBlock(), _createElementBlock("img", {
     key: 0,
     src: _ctx.image
-  }, null, 8, ["src"])) : _createCommentVNode("", true), _ctx.deletable ? (_openBlock(), _createBlock("span", {
+  }, null, 8, _hoisted_1)) : _createCommentVNode("", true), _ctx.deletable ? (_openBlock(), _createElementBlock("span", {
     key: 1,
     class: "messagebar-attachment-delete",
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onDeleteClick && _ctx.onDeleteClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onDeleteClick && _ctx.onDeleteClick(...arguments);
+    })
   })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
 }
 
@@ -30,9 +35,11 @@ export default {
   },
   emits: ['attachment:click', 'attachment:delete'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+
     const onClick = event => {
       emit('attachment:click', event);
     };

package/components/messagebar-attachments.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/messagebar-sheet-image.js

@@ -1,18 +1,21 @@
-import { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["checked"];
 
-const _hoisted_1 = /*#__PURE__*/_createVNode("i", {
+const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
   class: "icon icon-checkbox"
 }, null, -1);
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("label", {
-    class: _ctx.classes,
-    style: _ctx.styles
-  }, [_createVNode("input", {
+  return _openBlock(), _createElementBlock("label", {
+    class: _normalizeClass(_ctx.classes),
+    style: _normalizeStyle(_ctx.styles)
+  }, [_createElementVNode("input", {
     type: "checkbox",
     checked: _ctx.checked,
-    onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-  }, null, 40, ["checked"]), _hoisted_1, _renderSlot(_ctx.$slots, "default")], 6);
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.onChange && _ctx.onChange(...arguments);
+    })
+  }, null, 40, _hoisted_1), _hoisted_2, _renderSlot(_ctx.$slots, "default")], 6);
 }
 
 import { computed } from 'vue';
@@ -28,9 +31,11 @@ export default {
   },
   emits: ['checked', 'unchecked', 'change', 'update:checked'],
 
-  setup(props, {
-    emit
-  }) {
+  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);

package/components/messagebar-sheet-item.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/messagebar-sheet.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/messagebar.js

@@ -45,10 +45,11 @@ export default {
   },
   emits: ['change', 'input', 'focus', 'blur', 'submit', 'send', 'click', 'messagebar:attachmentdelete', 'messagebar:attachmentclick', 'messagebar:resizepage', 'update:value'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     const elRef = ref(null);
     const areaElRef = ref(null);
     let f7Messagebar = null;

package/components/messages-title.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/messages.js

@@ -1,9 +1,9 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 
@@ -59,9 +59,10 @@ export default {
     ...colorProps
   },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     let f7Messages = null;
     let childrenBeforeUpdated = null;
     const elRef = ref(null);

package/components/nav-left.js

@@ -1,17 +1,17 @@
-import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from "vue";
+import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
   const _component_f7_link = _resolveComponent("f7-link");
 
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_ctx.backLink ? (_openBlock(), _createBlock(_component_f7_link, {
     key: 0,
     href: _ctx.backLinkUrl || '#',
     back: "",
     icon: "icon-back",
     force: _ctx.backLinkForce || undefined,
-    class: !_ctx.text ? 'icon-only' : undefined,
+    class: _normalizeClass(!_ctx.text ? 'icon-only' : undefined),
     text: _ctx.text,
     onClick: _ctx.onBackClick
   }, null, 8, ["href", "force", "class", "text", "onClick"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
@@ -41,9 +41,11 @@ export default {
   },
   emits: ['back:click', 'click:back'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+
     const onBackClick = event => {
       emit('back:click', event);
       emit('click:back', event);

package/components/nav-right.js

@@ -1,8 +1,8 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 

package/components/nav-title-large.js

@@ -1,12 +1,12 @@
-import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = {
   class: "title-large-text"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_createVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 2);
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 2);
 }
 
 import { computed } from 'vue';

package/components/nav-title.js

@@ -1,13 +1,13 @@
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode } from "vue";
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "subtitle"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default"), _createTextVNode(" " + _toDisplayString(_ctx.title) + " ", 1), _ctx.subtitle ? (_openBlock(), _createBlock("span", _hoisted_1, _toDisplayString(_ctx.subtitle), 1)) : _createCommentVNode("", true)], 2);
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "default"), _createTextVNode(" " + _toDisplayString(_ctx.title) + " ", 1), _ctx.subtitle ? (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(_ctx.subtitle), 1)) : _createCommentVNode("", true)], 2);
 }
 
 import { computed } from 'vue';