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

package/components/sheet.js

@@ -55,10 +55,11 @@ export default {
   },
   emits: ['sheet:stepprogress', 'sheet:stepopen', 'sheet:stepclose', 'sheet:open', 'sheet:opened', 'sheet:close', 'sheet:closed', 'update:opened'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     let f7Sheet = null; // eslint-disable-next-line
 
     let isOpened = props.opened;

package/components/stepper.js

@@ -1,21 +1,24 @@
-import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString } from "vue";
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "stepper-input-wrap"
 };
-const _hoisted_2 = {
+const _hoisted_2 = ["id", "name", "type", "min", "max", "step", "value", "readonly"];
+const _hoisted_3 = {
   key: 1,
   class: "stepper-value"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [_createVNode("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_createElementVNode("div", {
     class: "stepper-button-minus",
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onMinusClick && _ctx.onMinusClick(...args))
-  }), _ctx.input && !_ctx.buttonsOnly ? (_openBlock(), _createBlock("div", _hoisted_1, [_createVNode("input", {
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onMinusClick && _ctx.onMinusClick(...arguments);
+    })
+  }), _ctx.input && !_ctx.buttonsOnly ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("input", {
     id: _ctx.inputId,
     name: _ctx.name,
     type: _ctx.inputType,
@@ -24,11 +27,17 @@ function render(_ctx, _cache) {
     step: _ctx.inputType === 'number' ? _ctx.step : undefined,
     value: _ctx.value,
     readonly: _ctx.inputReadonly,
-    onInput: _cache[2] || (_cache[2] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-    onChange: _cache[3] || (_cache[3] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-  }, null, 40, ["id", "name", "type", "min", "max", "step", "value", "readonly"])])) : _createCommentVNode("", true), !_ctx.input && !_ctx.buttonsOnly ? (_openBlock(), _createBlock("div", _hoisted_2, _toDisplayString(_ctx.value), 1)) : _createCommentVNode("", true), _createVNode("div", {
+    onInput: _cache[1] || (_cache[1] = function () {
+      return _ctx.onInput && _ctx.onInput(...arguments);
+    }),
+    onChange: _cache[2] || (_cache[2] = function () {
+      return _ctx.onChange && _ctx.onChange(...arguments);
+    })
+  }, null, 40, _hoisted_2)])) : _createCommentVNode("", true), !_ctx.input && !_ctx.buttonsOnly ? (_openBlock(), _createElementBlock("div", _hoisted_3, _toDisplayString(_ctx.value), 1)) : _createCommentVNode("", true), _createElementVNode("div", {
     class: "stepper-button-plus",
-    onClick: _cache[4] || (_cache[4] = (...args) => _ctx.onPlusClick && _ctx.onPlusClick(...args))
+    onClick: _cache[3] || (_cache[3] = function () {
+      return _ctx.onPlusClick && _ctx.onPlusClick(...arguments);
+    })
   })], 2);
 }
 
@@ -125,9 +134,10 @@ export default {
   },
   emits: ['input', 'change', 'stepper:minusclick', 'stepper:plusclick', 'stepper:change', 'update:value'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7Stepper = null;
     const elRef = ref(null);
 

package/components/subnavbar.js

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

package/components/swipeout-actions.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/swipeout-button.js

@@ -1,13 +1,16 @@
-import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["href", "data-confirm", "data-confirm-title"];
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("a", {
+  return _openBlock(), _createElementBlock("a", {
     href: _ctx.href || '#',
     "data-confirm": _ctx.confirmText || undefined,
     "data-confirm-title": _ctx.confirmTitle || undefined,
-    class: _ctx.classes,
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 10, ["href", "data-confirm", "data-confirm-title"]);
+    class: _normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
+  }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
 }
 
 import { computed } from 'vue';
@@ -28,9 +31,11 @@ export default {
   },
   emits: ['click'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+
     const onClick = e => {
       emit('click', e);
     };

package/components/tab.js

@@ -1,9 +1,9 @@
-import { resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from "vue";
+import { resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, 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)
   }, [_ctx.tabContent ? (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.getComponent(_ctx.tabContent)), _mergeProps({
     key: 0,
     key: _ctx.tabContent.id
@@ -26,9 +26,10 @@ export default {
   },
   emits: ['tab:show', 'tab:hide'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const elRef = ref(null);
     const routerData = ref(null);
     const route = inject('f7route', null);

package/components/tabs.js

@@ -1,16 +1,16 @@
-import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
 
 function render(_ctx, _cache) {
-  return _ctx.animated || _ctx.swipeable ? (_openBlock(), _createBlock("div", {
+  return _ctx.animated || _ctx.swipeable ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     ref: "elRef",
-    class: _ctx.classNames(_ctx.wrapClasses, _ctx.classes)
-  }, [_createVNode("div", {
-    class: _ctx.tabsClasses
-  }, [_renderSlot(_ctx.$slots, "default")], 2)], 2)) : (_openBlock(), _createBlock("div", {
+    class: _normalizeClass(_ctx.classNames(_ctx.wrapClasses, _ctx.classes))
+  }, [_createElementVNode("div", {
+    class: _normalizeClass(_ctx.tabsClasses)
+  }, [_renderSlot(_ctx.$slots, "default")], 2)], 2)) : (_openBlock(), _createElementBlock("div", {
     key: 1,
     ref: "elRef",
-    class: _ctx.classNames(_ctx.tabsClasses, _ctx.classes)
+    class: _normalizeClass(_ctx.classNames(_ctx.tabsClasses, _ctx.classes))
   }, [_renderSlot(_ctx.$slots, "default")], 2));
 }
 

package/components/text-editor.js

@@ -1,14 +1,14 @@
-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: "text-editor-content",
   contenteditable: ""
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "root-start"), _createVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")]), _renderSlot(_ctx.$slots, "root-end"), _renderSlot(_ctx.$slots, "root")], 2);
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "root-start"), _createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")]), _renderSlot(_ctx.$slots, "root-end"), _renderSlot(_ctx.$slots, "root")], 2);
 }
 
 import { computed, ref, onMounted, onBeforeUnmount, watch } from 'vue';
@@ -57,9 +57,10 @@ export default {
   },
   emits: ['texteditor:change', 'texteditor:input', 'texteditor:focus', 'texteditor:blur', 'texteditor:buttonclick', 'texteditor:keyboardopen', 'texteditor:keyboardclose', 'texteditor:popoveropen', 'texteditor:popoverclose', 'texteditor:insertlink', 'texteditor:insertimage', 'texteditorChange', 'texteditorInput', 'texteditorFocus', 'texteditorBlur'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7TextEditor = null;
     const elRef = ref(null);
 

package/components/toggle.js

@@ -1,22 +1,25 @@
-import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["name", "disabled", "readonly", "checked", "value"];
 
-const _hoisted_1 = /*#__PURE__*/_createVNode("span", {
+const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", {
   class: "toggle-icon"
 }, null, -1);
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("label", {
+  return _openBlock(), _createElementBlock("label", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [_createVNode("input", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_createElementVNode("input", {
     type: "checkbox",
     name: _ctx.name,
     disabled: _ctx.disabled,
     readonly: _ctx.readonly,
     checked: _ctx.checked,
     value: _ctx.value,
-    onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-  }, null, 40, ["name", "disabled", "readonly", "checked", "value"]), _hoisted_1], 2);
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.onChange && _ctx.onChange(...arguments);
+    })
+  }, null, 40, _hoisted_1), _hoisted_2], 2);
 }
 
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
@@ -43,9 +46,10 @@ export default {
   },
   emits: ['change', 'toggle:change', 'update:checked'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7Toggle = null;
     const elRef = ref(null);
     useTooltip(elRef, props);

package/components/toolbar.js

@@ -1,14 +1,14 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = {
   key: 0,
   className: "toolbar-inner"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "before-inner"), _ctx.inner ? (_openBlock(), _createBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])) : _renderSlot(_ctx.$slots, "default", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "before-inner"), _ctx.inner ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])) : _renderSlot(_ctx.$slots, "default", {
     key: 1
   }), _renderSlot(_ctx.$slots, "after-inner")], 2);
 }
@@ -73,9 +73,10 @@ export default {
   },
   emits: ['toolbar:hide', 'toolbar:show'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const elRef = ref(null);
     const theme = useTheme();
 

package/components/treeview-item.js

@@ -1,4 +1,4 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createBlock as _createBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = {
   key: 0,
   className: "treeview-toggle"
@@ -17,20 +17,20 @@ const _hoisted_4 = {
 function render(_ctx, _cache) {
   const _component_f7_use_icon = _resolveComponent("f7-use-icon");
 
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, [(_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.itemRootTag), _mergeProps({
     class: _ctx.itemRootClasses
   }, _ctx.itemRootAttrs, {
     onClick: _ctx.onClick
   }), {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "root-start"), _ctx.needToggle ? (_openBlock(), _createBlock("div", _hoisted_1)) : _createCommentVNode("", true), _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "content-start"), _ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
+    default: _withCtx(() => [_renderSlot(_ctx.$slots, "root-start"), _ctx.needToggle ? (_openBlock(), _createElementBlock("div", _hoisted_1)) : _createCommentVNode("", true), _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "content-start"), _ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
       key: 0,
       icon: _ctx.icon
-    }, null, 8, ["icon"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "media"), _createVNode("div", _hoisted_3, [_renderSlot(_ctx.$slots, "label-start"), _createTextVNode(" " + _toDisplayString(_ctx.label) + " ", 1), _renderSlot(_ctx.$slots, "label")]), _renderSlot(_ctx.$slots, "content"), _renderSlot(_ctx.$slots, "content-end")]), _renderSlot(_ctx.$slots, "root"), _renderSlot(_ctx.$slots, "root-end")]),
+    }, null, 8, ["icon"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "media"), _createElementVNode("div", _hoisted_3, [_renderSlot(_ctx.$slots, "label-start"), _createTextVNode(" " + _toDisplayString(_ctx.label) + " ", 1), _renderSlot(_ctx.$slots, "label")]), _renderSlot(_ctx.$slots, "content"), _renderSlot(_ctx.$slots, "content-end")]), _renderSlot(_ctx.$slots, "root"), _renderSlot(_ctx.$slots, "root-end")]),
     _: 3
-  }, 16, ["class", "onClick"])), _ctx.hasChildren ? (_openBlock(), _createBlock("div", _hoisted_4, [_renderSlot(_ctx.$slots, "children-start"), _renderSlot(_ctx.$slots, "default"), _renderSlot(_ctx.$slots, "children")])) : _createCommentVNode("", true)], 2);
+  }, 16, ["class", "onClick"])), _ctx.hasChildren ? (_openBlock(), _createElementBlock("div", _hoisted_4, [_renderSlot(_ctx.$slots, "children-start"), _renderSlot(_ctx.$slots, "default"), _renderSlot(_ctx.$slots, "children")])) : _createCommentVNode("", true)], 2);
 }
 
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
@@ -67,10 +67,11 @@ export default {
   },
   emits: ['click', 'treeview:open', 'treeview:close', 'treeview:loadchildren'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
     const elRef = ref(null);
     const hasChildren = computed(() => {
       return slots.default || slots.children || slots['children-start'];

package/components/treeview.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/use-icon.js

@@ -1,14 +1,14 @@
-import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode } from "vue";
+import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode } from "vue";
 
 function render(_ctx, _cache) {
   const _component_f7_badge = _resolveComponent("f7-badge");
 
   const _component_f7_icon = _resolveComponent("f7-icon");
 
-  return _openBlock(), _createBlock(_component_f7_icon, _ctx.icon.props, {
-    default: _withCtx(() => [_ctx.icon.badge ? (_openBlock(), _createBlock(_component_f7_badge, _mergeProps({
+  return _openBlock(), _createBlock(_component_f7_icon, _normalizeProps(_guardReactiveProps(_ctx.icon.props)), {
+    default: _withCtx(() => [_ctx.icon.badge ? (_openBlock(), _createBlock(_component_f7_badge, _normalizeProps(_mergeProps({
       key: 0
-    }, _ctx.icon.badge.props), {
+    }, _ctx.icon.badge.props)), {
       default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.icon.badge.content), 1)]),
       _: 1
     }, 16)) : _createCommentVNode("", true)]),

package/components/view.js

@@ -185,10 +185,11 @@ export default {
   },
   emits: ['view:init', 'view:resize', 'swipeback:move', 'swipeback:beforechange', 'swipeback:afterchange', 'swipeback:beforereset', 'swipeback:afterreset', 'tab:hide', 'tab:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     // const childrenArray = React.Children.toArray(children);
     // const initialPageComponent = childrenArray.filter((c) => c.props && c.props.initialPage)[0];
     // const restChildren = childrenArray.filter((c) => !c.props || !c.props.initialPage);

package/components/views.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/framework7-vue-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 Vue 7.0.0-beta.15
+ * Framework7 Vue 7.0.0-beta.20
  * Build full featured iOS & Android apps using Framework7 & Vue
  * https://framework7.io/vue/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 11, 2022
+ * Released on: April 15, 2022
  */
 import Framework7Vue from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';

package/framework7-vue-web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-04/schema#",
   "framework": "vue",
   "name": "framework7-vue",
-  "version": "7.0.0-beta.15",
+  "version": "7.0.0-beta.20",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/framework7-vue.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 Vue 7.0.0-beta.15
+ * Framework7 Vue 7.0.0-beta.20
  * Build full featured iOS & Android apps using Framework7 & Vue
  * https://framework7.io/vue/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 11, 2022
+ * Released on: April 15, 2022
  */
 import Framework7Vue from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-vue",
-  "version": "7.0.0-beta.15",
+  "version": "7.0.0-beta.20",
   "description": "Build full featured iOS & Android apps using Framework7 & Vue",
   "type": "module",
   "exports": {

package/shared/components-router.js

@@ -26,13 +26,14 @@ export default {
       return routerOpenIn(router, navigateUrl, options);
     },
 
-    pageComponentLoader({
-      routerEl,
-      component,
-      options,
-      resolve,
-      reject
-    }) {
+    pageComponentLoader(_ref) {
+      let {
+        routerEl,
+        component,
+        options,
+        resolve,
+        reject
+      } = _ref;
       const router = this;
       const routerId = router.id;
       const el = routerEl;
@@ -117,13 +118,14 @@ export default {
       }
     },
 
-    tabComponentLoader({
-      tabEl,
-      component,
-      options,
-      resolve,
-      reject
-    } = {}) {
+    tabComponentLoader(_temp) {
+      let {
+        tabEl,
+        component,
+        options,
+        resolve,
+        reject
+      } = _temp === void 0 ? {} : _temp;
       const router = this;
       if (!tabEl) reject();
       let tabRouter;
@@ -179,12 +181,13 @@ export default {
       tabRouter.setTabContent(null);
     },
 
-    modalComponentLoader({
-      component,
-      options,
-      resolve,
-      reject
-    } = {}) {
+    modalComponentLoader(_temp2) {
+      let {
+        component,
+        options,
+        resolve,
+        reject
+      } = _temp2 === void 0 ? {} : _temp2;
       const router = this;
       const modalsRouter = f7routers.modals;
 

package/shared/f7.js

@@ -31,7 +31,15 @@ const f7initEvents = () => {
   f7events = new Framework7.Events();
 };
 
-const f7init = (rootEl, params = {}, init = true) => {
+const f7init = function (rootEl, params, init) {
+  if (params === void 0) {
+    params = {};
+  }
+
+  if (init === void 0) {
+    init = true;
+  }
+
   const f7Params = extend({}, params, {
     el: rootEl,
     init

package/shared/modal-state-classes.js

@@ -1,7 +1,8 @@
-export const modalStateClasses = ({
-  isOpened,
-  isClosing
-} = {}) => {
+export const modalStateClasses = function (_temp) {
+  let {
+    isOpened,
+    isClosing
+  } = _temp === void 0 ? {} : _temp;
   return {
     'modal-in': isOpened && !isClosing,
     'modal-out': isClosing

package/shared/plugin.js

@@ -5,7 +5,11 @@ const Framework7Vue = {
   name: 'vuePlugin',
   installed: false,
 
-  install(params = {}) {
+  install(params) {
+    if (params === void 0) {
+      params = {};
+    }
+
     if (Framework7Vue.installed) return;
     Framework7Vue.installed = true;
     f7initEvents();

package/shared/use-icon.js

@@ -1,4 +1,8 @@
-export const useIcon = (props = {}) => {
+export const useIcon = function (props) {
+  if (props === void 0) {
+    props = {};
+  }
+
   const {
     icon,
     iconMaterial,

package/shared/use-route-props.js

@@ -1,7 +1,8 @@
 import { onMounted, onUpdated } from 'vue';
-export const useRouteProps = (elRef, {
-  routeProps
-} = {}) => {
+export const useRouteProps = function (elRef, _temp) {
+  let {
+    routeProps
+  } = _temp === void 0 ? {} : _temp;
   onMounted(() => {
     if (elRef.value && routeProps) {
       elRef.value.f7RouteProps = routeProps;