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

package/components/radio.js

@@ -1,13 +1,14 @@
-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, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["name", "value", "disabled", "readonly", "checked"];
 
-const _hoisted_1 = /*#__PURE__*/_createVNode("i", {
+const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
   class: "icon-radio"
 }, null, -1);
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("label", {
-    class: _ctx.classes
-  }, [_createVNode("input", {
+  return _openBlock(), _createElementBlock("label", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_createElementVNode("input", {
     ref: "inputElRef",
     type: "radio",
     name: _ctx.name,
@@ -15,13 +16,15 @@ function render(_ctx, _cache) {
     disabled: _ctx.disabled,
     readonly: _ctx.readonly,
     checked: _ctx.checked,
-    onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-  }, null, 40, ["name", "value", "disabled", "readonly", "checked"]), _hoisted_1, _renderSlot(_ctx.$slots, "default")], 2);
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.onChange && _ctx.onChange(...arguments);
+    })
+  }, null, 40, _hoisted_1), _hoisted_2, _renderSlot(_ctx.$slots, "default")], 2);
 }
 
 import { ref, computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-radio',
   render,
@@ -38,9 +41,10 @@ export default {
   },
   emits: ['update:checked', 'change'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const inputElRef = ref(null);
 
     const onChange = event => {

package/components/range.js

@@ -1,21 +1,22 @@
-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 = ["name"];
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [_ctx.input ? (_openBlock(), _createBlock("input", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_ctx.input ? (_openBlock(), _createElementBlock("input", {
     key: 0,
     id: "inputId",
     type: "range",
     name: _ctx.name
-  }, null, 8, ["name"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
+  }, null, 8, _hoisted_1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
 }
 
 import { computed, ref, onMounted, onBeforeUnmount, watch } from 'vue';
-import { classNames, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
+import { classNames, noUndefinedProps } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-range',
   render,
@@ -86,9 +87,10 @@ export default {
   },
   emits: ['range:change', 'range:changed', 'rangeChange', 'rangeChanged', 'update:value'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7Range = null;
     const elRef = ref(null);
     watch(() => props.value, newValue => {

package/components/routable-modals.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, onBeforeUnmount, onUpdated, toRaw, h } from 'vue';
-import { f7events, f7routers, f7 } from '../shared/f7';
+import { f7events, f7routers, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-routable-modals',
 

package/components/row.js

@@ -1,4 +1,4 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx } from "vue";
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "resize-handler"
@@ -7,17 +7,17 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
     ref: "elRef",
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
+    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
     _: 3
   }, 8, ["class"]);
 }
 
 import { ref, computed, onBeforeUnmount, onMounted } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-row',
   render,
@@ -38,9 +38,10 @@ export default {
   },
   emits: ['grid:resize'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const elRef = ref(null);
 
     const onResize = el => {

package/components/searchbar.js

@@ -1,47 +1,60 @@
-import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx } from "vue";
+import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
   class: "searchbar-inner"
 };
 const _hoisted_2 = {
   class: "searchbar-input-wrap"
 };
+const _hoisted_3 = ["value", "placeholder", "spellcheck"];
 
-const _hoisted_3 = /*#__PURE__*/_createVNode("i", {
+const _hoisted_4 = /*#__PURE__*/_createElementVNode("i", {
   class: "searchbar-icon"
 }, null, -1);
 
 function render(_ctx, _cache) {
   return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
     ref: "elRef",
-    class: _ctx.classes,
+    class: _normalizeClass(_ctx.classes),
     onSubmit: _ctx.onSubmit
   }, {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "before-inner"), _createVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "inner-start"), _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "input-wrap-start"), _createVNode("input", {
+    default: _withCtx(() => [_renderSlot(_ctx.$slots, "before-inner"), _createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "inner-start"), _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "input-wrap-start"), _createElementVNode("input", {
       value: _ctx.value,
       placeholder: _ctx.placeholder,
       spellcheck: _ctx.spellcheck,
       type: "search",
-      onInput: _cache[1] || (_cache[1] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-      onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
-      onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-      onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-    }, null, 40, ["value", "placeholder", "spellcheck"]), _hoisted_3, _ctx.clearButton ? (_openBlock(), _createBlock("span", {
+      onInput: _cache[0] || (_cache[0] = function () {
+        return _ctx.onInput && _ctx.onInput(...arguments);
+      }),
+      onChange: _cache[1] || (_cache[1] = function () {
+        return _ctx.onChange && _ctx.onChange(...arguments);
+      }),
+      onFocus: _cache[2] || (_cache[2] = function () {
+        return _ctx.onFocus && _ctx.onFocus(...arguments);
+      }),
+      onBlur: _cache[3] || (_cache[3] = function () {
+        return _ctx.onBlur && _ctx.onBlur(...arguments);
+      })
+    }, null, 40, _hoisted_3), _hoisted_4, _ctx.clearButton ? (_openBlock(), _createElementBlock("span", {
       key: 0,
       class: "input-clear-button",
-      onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onClearButtonClick && _ctx.onClearButtonClick(...args))
-    })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "input-wrap-end")]), _ctx.disableButton ? (_openBlock(), _createBlock("span", {
+      onClick: _cache[4] || (_cache[4] = function () {
+        return _ctx.onClearButtonClick && _ctx.onClearButtonClick(...arguments);
+      })
+    })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "input-wrap-end")]), _ctx.disableButton ? (_openBlock(), _createElementBlock("span", {
       key: 0,
       class: "searchbar-disable-button",
-      onClick: _cache[6] || (_cache[6] = (...args) => _ctx.onDisableButtonClick && _ctx.onDisableButtonClick(...args))
+      onClick: _cache[5] || (_cache[5] = function () {
+        return _ctx.onDisableButtonClick && _ctx.onDisableButtonClick(...arguments);
+      })
     }, _toDisplayString(_ctx.disableButtonText), 1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "inner-end"), _renderSlot(_ctx.$slots, "default")]), _renderSlot(_ctx.$slots, "after-inner")]),
     _: 3
   }, 8, ["class", "onSubmit"]);
 }
 
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
-import { classNames, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
+import { classNames, noUndefinedProps } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-searchbar',
   render,
@@ -147,9 +160,10 @@ export default {
   },
   emits: ['change', 'input', 'focus', 'blur', 'submit', 'click:clear', 'click:disable', 'searchbar:search', 'searchbar:clear', 'searchbar:enable', 'searchbar:disable', 'update:value'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7Searchbar = null;
     const elRef = ref(null);
 

package/components/segmented.js

@@ -1,4 +1,4 @@
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx } from "vue";
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "segmented-highlight"
@@ -6,16 +6,16 @@ const _hoisted_1 = {
 
 function render(_ctx, _cache) {
   return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
-    class: _ctx.classes
+    class: _normalizeClass(_ctx.classes)
   }, {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.strong || _ctx.strongIos || _ctx.strongMd || _ctx.strongAurora ? (_openBlock(), _createBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
+    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.strong || _ctx.strongIos || _ctx.strongMd || _ctx.strongAurora ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
     _: 3
   }, 8, ["class"]);
 }
 
 import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-segmented',
   render,

package/components/sheet.js

@@ -1,8 +1,8 @@
 import { h, computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
-import { modalStateClasses } from '../shared/modal-state-classes';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import { modalStateClasses } from '../shared/modal-state-classes.js';
 export default {
   name: 'f7-sheet',
   props: {
@@ -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;
@@ -160,6 +161,12 @@ export default {
         f7Sheet.close();
       }
     });
+    ['closeByBackdropClick', 'closeByOutsideClick', 'closeOnEscape', 'swipeToClose'].forEach(propName => {
+      watch(() => props[propName], propValue => {
+        if (!f7Sheet) return;
+        f7Sheet.params[propName] = propValue;
+      });
+    });
     const classes = computed(() => {
       let positionComputed = 'bottom';
       if (props.position) positionComputed = props.position;else if (props.top) positionComputed = 'top';else if (props.bottom) positionComputed = 'bottom';

package/components/skeleton-avatar.d.ts

@@ -1,4 +1,5 @@
 
+// eslint-disable-next-line
 import { SkeletonAvatar } from 'skeleton-elements/vue';
 
 export default SkeletonAvatar;

package/components/skeleton-avatar.js

@@ -1,2 +1,3 @@
+// eslint-disable-next-line
 import { SkeletonAvatar } from 'skeleton-elements/vue';
 export default SkeletonAvatar;

package/components/skeleton-block.d.ts

@@ -1,4 +1,5 @@
 
+// eslint-disable-next-line
 import { SkeletonBlock } from 'skeleton-elements/vue';
 
 export default SkeletonBlock;

package/components/skeleton-block.js

@@ -1,2 +1,3 @@
+// eslint-disable-next-line
 import { SkeletonBlock } from 'skeleton-elements/vue';
 export default SkeletonBlock;

package/components/skeleton-image.d.ts

@@ -1,4 +1,5 @@
 
+// eslint-disable-next-line
 import { SkeletonImage } from 'skeleton-elements/vue';
 
 export default SkeletonImage;

package/components/skeleton-image.js

@@ -1,2 +1,3 @@
+// eslint-disable-next-line
 import { SkeletonImage } from 'skeleton-elements/vue';
 export default SkeletonImage;

package/components/skeleton-text.d.ts

@@ -1,4 +1,5 @@
 
+// eslint-disable-next-line
 import { SkeletonText } from 'skeleton-elements/vue';
 
 export default SkeletonText;

package/components/skeleton-text.js

@@ -1,2 +1,3 @@
+// eslint-disable-next-line
 import { SkeletonText } from 'skeleton-elements/vue';
 export default SkeletonText;

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,18 +27,24 @@ 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);
 }
 
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
-import { classNames, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
+import { classNames, noUndefinedProps } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-stepper',
   render,
@@ -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,16 +9,16 @@ 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);
 }
 
 import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-subnavbar',
   render,

package/components/swipeout-actions.js

@@ -1,14 +1,14 @@
-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);
 }
 
 import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-swipeout-actions',
   render,

package/components/swipeout-button.js

@@ -1,18 +1,21 @@
-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';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-swipeout-button',
   render,
@@ -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
@@ -13,10 +13,10 @@ function render(_ctx, _cache) {
 }
 
 import { computed, ref, inject, onMounted, onBeforeUnmount, onUpdated, toRaw } from 'vue';
-import { classNames, getComponentId } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7routers, f7, f7events } from '../shared/f7';
-import { useTab } from '../shared/use-tab';
+import { classNames, getComponentId } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7routers, f7, f7events } from '../shared/f7.js';
+import { useTab } from '../shared/use-tab.js';
 export default {
   name: 'f7-tab',
   render,
@@ -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,22 +1,22 @@
-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));
 }
 
 import { computed, ref, onMounted } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-tabs',
   render,