framework7-vue 7.0.0-beta.6 → 7.0.0

package/components/list-input.js

@@ -85,10 +85,11 @@ export default {
   },
   emits: ['textarea:resize', 'input:notempty', 'input:empty', 'input:clear', 'texteditor:change', 'calendar:change', 'colorpicker:change', 'change', 'focus', 'blur', 'input', 'update:value'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     const inputInvalid = ref(false);
     const inputFocused = ref(false);
     const ListContext = inject('ListContext', {
@@ -156,7 +157,11 @@ export default {
       emit('input:clear', event);
     };
 
-    const onInput = (...args) => {
+    const onInput = function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
       emit('input', ...args);
 
       if (inputElRef.value) {
@@ -172,12 +177,20 @@ export default {
       }
     };
 
-    const onFocus = (...args) => {
+    const onFocus = function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
       emit('focus', ...args);
       inputFocused.value = true;
     };
 
-    const onBlur = (...args) => {
+    const onBlur = function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+
       emit('blur', ...args);
 
       if ((props.validate || props.validate === '' || props.validateOnBlur || props.validateOnBlur === '') && inputElRef.value) {
@@ -187,7 +200,11 @@ export default {
       inputFocused.value = false;
     };
 
-    const onChange = (...args) => {
+    const onChange = function () {
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+
       emit('change', ...args);
 
       if (props.type === 'texteditor') {

package/components/list-item-cell.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/list-item-row.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/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.d.ts

@@ -180,8 +180,8 @@ declare const List: DefineComponent<
   {},
   ComponentOptionsMixin,
   ComponentOptionsMixin,
-  ("submit" | "sortable:enable" | "sortable:disable" | "sortable:sort" | "virtual:itembeforeinsert" | "virtual:beforeclear" | "virtual:itemsbeforeinsert" | "virtual:itemsafterinsert" | "tab:hide" | "tab:show")[],
-  "submit" | "sortable:enable" | "sortable:disable" | "sortable:sort" | "virtual:itembeforeinsert" | "virtual:beforeclear" | "virtual:itemsbeforeinsert" | "virtual:itemsafterinsert" | "tab:hide" | "tab:show"
+  ("submit" | "sortable:enable" | "sortable:disable" | "sortable:sort" | "sortable:move" | "virtual:itembeforeinsert" | "virtual:beforeclear" | "virtual:itemsbeforeinsert" | "virtual:itemsafterinsert" | "tab:hide" | "tab:show")[],
+  "submit" | "sortable:enable" | "sortable:disable" | "sortable:sort" | "sortable:move" | "virtual:itembeforeinsert" | "virtual:beforeclear" | "virtual:itemsbeforeinsert" | "virtual:itemsafterinsert" | "tab:hide" | "tab:show"
 >;
 
 export default List;

package/components/list.js

@@ -50,12 +50,13 @@ export default {
     virtualListParams: Object,
     ...colorProps
   },
-  emits: ['submit', 'sortable:enable', 'sortable:disable', 'sortable:sort', 'virtual:itembeforeinsert', 'virtual:beforeclear', 'virtual:itemsbeforeinsert', 'virtual:itemsafterinsert', 'tab:hide', 'tab:show'],
+  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);
 
@@ -78,12 +79,18 @@ export default {
       emit('sortable:sort', sortData);
     };
 
+    const onSortableMove = (el, listEl) => {
+      if (elRef.value !== listEl) return;
+      emit('sortable:move', el, listEl);
+    };
+
     useTab(elRef, emit);
     onMounted(() => {
       f7ready(() => {
         f7.on('sortableEnable', onSortableEnable);
         f7.on('sortableDisable', onSortableDisable);
         f7.on('sortableSort', onSortableSort);
+        f7.on('sortableMove', onSortableMove);
         if (!props.virtualList) return;
         const vlParams = props.virtualListParams || {};
         if (!vlParams.renderItem && !vlParams.renderExternal) return;
@@ -120,6 +127,7 @@ export default {
       f7.off('sortableEnable', onSortableEnable);
       f7.off('sortableDisable', onSortableDisable);
       f7.off('sortableSort', onSortableSort);
+      f7.off('sortableMove', onSortableMove);
       if (!(props.virtualList && f7VirtualList)) return;
       if (f7VirtualList.destroy) f7VirtualList.destroy();
       f7VirtualList = 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);
 }