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

package/components/nav-right.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-nav-right',
   render,

package/components/nav-title-large.js

@@ -1,17 +1,17 @@
-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';
-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-nav-title-large',
   render,

package/components/nav-title.js

@@ -1,18 +1,18 @@
-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';
-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-nav-title',
   render,

package/components/navbar.js

@@ -1,6 +1,6 @@
-import { createVNode as _createVNode, renderSlot as _renderSlot, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode } from "vue";
+import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
 
-const _hoisted_1 = /*#__PURE__*/_createVNode("div", {
+const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", {
   class: "navbar-bg"
 }, null, -1);
 
@@ -19,11 +19,11 @@ function render(_ctx, _cache) {
 
   const _component_f7_nav_right = _resolveComponent("f7-nav-right");
 
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [_hoisted_1, _renderSlot(_ctx.$slots, "before-inner"), _createVNode("div", {
-    class: _ctx.innerClasses
+    class: _normalizeClass(_ctx.classes)
+  }, [_hoisted_1, _renderSlot(_ctx.$slots, "before-inner"), _createElementVNode("div", {
+    class: _normalizeClass(_ctx.innerClasses)
   }, [_ctx.hasLeft ? (_openBlock(), _createBlock(_component_f7_nav_left, {
     key: 0,
     "back-link": _ctx.backLink,
@@ -46,17 +46,17 @@ function render(_ctx, _cache) {
   }, {
     default: _withCtx(() => [_renderSlot(_ctx.$slots, "nav-right"), _renderSlot(_ctx.$slots, "right")]),
     _: 3
-  })) : _createCommentVNode("", true), _ctx.hasLargeTitle ? (_openBlock(), _createBlock("div", _hoisted_2, [_createVNode("div", _hoisted_3, [_createTextVNode(_toDisplayString(_ctx.largeTitle) + " ", 1), _renderSlot(_ctx.$slots, "title-large")])])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2), _renderSlot(_ctx.$slots, "after-inner")], 2);
+  })) : _createCommentVNode("", true), _ctx.hasLargeTitle ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createElementVNode("div", _hoisted_3, [_createTextVNode(_toDisplayString(_ctx.largeTitle) + " ", 1), _renderSlot(_ctx.$slots, "title-large")])])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2), _renderSlot(_ctx.$slots, "after-inner")], 2);
 }
 
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
-import { useTheme } from '../shared/use-theme';
-import f7NavLeft from './nav-left';
-import f7NavTitle from './nav-title';
-import f7NavRight from './nav-right';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import { useTheme } from '../shared/use-theme.js';
+import f7NavLeft from './nav-left.js';
+import f7NavTitle from './nav-title.js';
+import f7NavRight from './nav-right.js';
 export default {
   name: 'f7-navbar',
   render,
@@ -92,10 +92,11 @@ export default {
   },
   emits: ['navbar:hide', 'navbar:show', 'navbar:expand', 'navbar:collapse', 'navbar:transparentshow', 'navbar:transparenthide', 'click:back', 'back:click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     let routerPositionClass = '';
     let largeCollapsed = false;
     let routerNavbarRole = null;

package/components/page-content.js

@@ -1,46 +1,47 @@
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from "vue";
-const _hoisted_1 = {
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = ["data-ptr-distance", "data-ptr-mousewheel", "data-infinite-distance"];
+const _hoisted_2 = {
   key: 0,
   class: "ptr-preloader"
 };
 
-const _hoisted_2 = /*#__PURE__*/_createVNode("div", {
+const _hoisted_3 = /*#__PURE__*/_createElementVNode("div", {
   class: "ptr-arrow"
 }, null, -1);
 
-const _hoisted_3 = {
+const _hoisted_4 = {
   key: 3,
   class: "ptr-preloader"
 };
 
-const _hoisted_4 = /*#__PURE__*/_createVNode("div", {
+const _hoisted_5 = /*#__PURE__*/_createElementVNode("div", {
   class: "ptr-arrow"
 }, null, -1);
 
 function render(_ctx, _cache) {
   const _component_f7_preloader = _resolveComponent("f7-preloader");
 
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes,
+    class: _normalizeClass(_ctx.classes),
     "data-ptr-distance": _ctx.ptrDistance || undefined,
     "data-ptr-mousewheel": _ctx.ptrMousewheel || undefined,
     "data-infinite-distance": _ctx.infiniteDistance || undefined
-  }, [_ctx.ptr && _ctx.ptrPreloader && !_ctx.ptrBottom ? (_openBlock(), _createBlock("div", _hoisted_1, [_createVNode(_component_f7_preloader), _hoisted_2])) : _createCommentVNode("", true), _ctx.infinite && _ctx.infinitePreloader && _ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
+  }, [_ctx.ptr && _ctx.ptrPreloader && !_ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createVNode(_component_f7_preloader), _hoisted_3])) : _createCommentVNode("", true), _ctx.infinite && _ctx.infinitePreloader && _ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
     key: 1,
     class: "infinite-scroll-preloader"
   })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default"), _ctx.infinite && _ctx.infinitePreloader && !_ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
     key: 2,
     class: "infinite-scroll-preloader"
-  })) : _createCommentVNode("", true), _ctx.ptr && _ctx.ptrPreloader && _ctx.ptrBottom ? (_openBlock(), _createBlock("div", _hoisted_3, [_createVNode(_component_f7_preloader), _hoisted_4])) : _createCommentVNode("", true)], 10, ["data-ptr-distance", "data-ptr-mousewheel", "data-infinite-distance"]);
+  })) : _createCommentVNode("", true), _ctx.ptr && _ctx.ptrPreloader && _ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_4, [_createVNode(_component_f7_preloader), _hoisted_5])) : _createCommentVNode("", true)], 10, _hoisted_1);
 }
 
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import f7Preloader from './preloader';
-import { useTab } from '../shared/use-tab';
-import { f7ready, f7 } from '../shared/f7';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import f7Preloader from './preloader.js';
+import { useTab } from '../shared/use-tab.js';
+import { f7ready, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-page-content',
   render,
@@ -74,9 +75,10 @@ export default {
   },
   emits: ['ptr:pullstart', 'ptr:pullmove', 'ptr:pullend', 'ptr:refresh', 'ptr:done', 'infinite', 'ptrPullStart', 'ptrPullMove', 'ptrPullEnd', 'ptrRefresh', 'ptrDone', 'tab:hide', 'tab:show'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const elRef = ref(null);
 
     const onPtrPullStart = el => {

package/components/page.js

@@ -1,8 +1,8 @@
 import { computed, ref, onMounted, onBeforeUnmount, h } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
-import f7PageContent from './page-content';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import f7PageContent from './page-content.js';
 export default {
   name: 'f7-page',
   props: {
@@ -57,10 +57,11 @@ export default {
   },
   emits: ['page:mounted', 'page:init', 'page:reinit', 'page:beforein', 'page:beforeout', 'page:afterout', 'page:afterin', 'page:beforeremove', 'page:beforeunmount', 'page:tabshow', 'page:tabhide', 'ptr:pullstart', 'ptr:pullmove', 'ptr:pullend', 'ptr:refresh', 'ptr:done', 'infinite'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     let hasSubnavbar = false;
     let hasNavbarLarge = false;
     let hasNavbarLargeCollapsed = false;

package/components/panel.js

@@ -1,20 +1,20 @@
-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,
   class: "panel-resize-handler"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default"), _ctx.resizable ? (_openBlock(), _createBlock("div", _hoisted_1)) : _createCommentVNode("", true)], 2);
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "default"), _ctx.resizable ? (_openBlock(), _createElementBlock("div", _hoisted_1)) : _createCommentVNode("", true)], 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-panel',
   render,
@@ -63,9 +63,10 @@ export default {
   },
   emits: ['panel:open', 'panel:opened', 'panel:close', 'panel:closed', 'click', 'panel:backdropclick', 'panel:swipe', 'panel:swipeopen', 'panel:breakpoint', 'panel:collapsedbreakpoint', 'panel:resize', 'update:opened'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7Panel = null;
     const elRef = ref(null);
     let isOpened = false;
@@ -121,7 +122,11 @@ export default {
       emit('panel:collapsedbreakpoint', event);
     };
 
-    const onResize = (...args) => {
+    const onResize = function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
       emit('panel:resize', ...args);
     };
 

package/components/photo-browser.js

@@ -1,6 +1,6 @@
 import { watch, onMounted, onBeforeUnmount } from 'vue';
-import { extend } from '../shared/utils';
-import { f7ready, f7 } from '../shared/f7';
+import { extend } from '../shared/utils.js';
+import { f7ready, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-photo-browser',
   props: {
@@ -85,9 +85,10 @@ export default {
   },
   emits: ['photobrowser:open', 'photobrowser:close', 'photobrowser:opened', 'photobrowser:closed', 'photobrowser:swipetoclose'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7PhotoBrowser = null;
 
     const open = index => {

package/components/pie-chart.js

@@ -1,36 +1,38 @@
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, renderSlot as _renderSlot } from "vue";
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, renderSlot as _renderSlot } from "vue";
+const _hoisted_1 = ["width", "height", "viewBox"];
+const _hoisted_2 = ["d", "fill", "data-index", "onClick", "onMouseenter"];
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [(_openBlock(), _createBlock("svg", {
+    class: _normalizeClass(_ctx.classes)
+  }, [(_openBlock(), _createElementBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: _ctx.size,
     height: _ctx.size,
     viewBox: `-${_ctx.size / 3} -${_ctx.size / 3} ${_ctx.size * 2 / 3} ${_ctx.size * 2 / 3}`,
-    style: {
+    style: _normalizeStyle({
       transform: 'rotate(-90deg)'
-    }
-  }, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.paths, (path, index) => {
-    return _openBlock(), _createBlock("path", {
+    })
+  }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.paths, (path, index) => {
+    return _openBlock(), _createElementBlock("path", {
       key: path.label || index,
       d: path.points,
       fill: path.color,
       "data-index": index,
-      class: _ctx.classNames({
+      class: _normalizeClass(_ctx.classNames({
         'pie-chart-hidden': _ctx.currentIndex !== null && _ctx.currentIndex !== index
-      }),
+      })),
       onClick: $event => _ctx.setCurrentIndex(index),
       onMouseenter: $event => _ctx.setCurrentIndex(index),
-      onMouseleave: _cache[1] || (_cache[1] = $event => _ctx.setCurrentIndex(null))
-    }, null, 42, ["d", "fill", "data-index", "onClick", "onMouseenter"]);
-  }), 128))], 12, ["width", "height", "viewBox"])), _renderSlot(_ctx.$slots, "default")], 2);
+      onMouseleave: _cache[0] || (_cache[0] = $event => _ctx.setCurrentIndex(null))
+    }, null, 42, _hoisted_2);
+  }), 128))], 12, _hoisted_1)), _renderSlot(_ctx.$slots, "default")], 2);
 }
 
 import { computed, onBeforeUnmount, ref, watch } from 'vue';
-import { classNames } from '../shared/utils';
-import { f7 } from '../shared/f7';
+import { classNames } from '../shared/utils.js';
+import { f7 } from '../shared/f7.js';
 export default {
   name: 'f7-pie-chart',
   render,
@@ -48,9 +50,10 @@ export default {
   },
   emits: ['select'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const elRef = ref(null);
     let f7Tooltip = null;
     const currentIndex = ref(null);
@@ -76,11 +79,12 @@ export default {
         return [x, y];
       }
 
-      props.datasets.forEach(({
-        value,
-        label,
-        color
-      }) => {
+      props.datasets.forEach(_ref2 => {
+        let {
+          value,
+          label,
+          color
+        } = _ref2;
         const percentage = value / summValue.value;
         const [startX, startY] = getCoordinatesForPercentage(cumulativePercentage);
         cumulativePercentage += percentage;

package/components/popover.js

@@ -1,6 +1,6 @@
-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 = /*#__PURE__*/_createVNode("div", {
+const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", {
   class: "popover-angle"
 }, null, -1);
 
@@ -9,17 +9,17 @@ const _hoisted_2 = {
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
+  return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
-    class: _ctx.classes
-  }, [_hoisted_1, _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
+    class: _normalizeClass(_ctx.classes)
+  }, [_hoisted_1, _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
 }
 
 import { 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-popover',
   render,
@@ -61,9 +61,10 @@ export default {
   },
   emits: ['popover:open', 'popover:opened', 'popover:close', 'popover:closed', 'update:opened'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const f7Popover = ref(null); // eslint-disable-next-line
 
     let isOpened = props.opened;

package/components/popup.js

@@ -1,17 +1,17 @@
-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);
 }
 
 import { 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-popup',
   render,
@@ -55,9 +55,10 @@ export default {
   },
   emits: ['popup:swipestart', 'popup:swipemove', 'popup:swipeend', 'popup:swipeclose', 'popup:open', 'popup:opened', 'popup:close', 'popup:closed', 'update:opened'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const f7Popup = ref(null); // eslint-disable-next-line
 
     let isOpened = props.opened;

package/components/preloader.js

@@ -1,49 +1,52 @@
-import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createStaticVNode as _createStaticVNode } from "vue";
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createStaticVNode as _createStaticVNode } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "preloader-inner"
 };
 
-const _hoisted_2 = /*#__PURE__*/_createVNode("svg", {
+const _hoisted_2 = /*#__PURE__*/_createElementVNode("svg", {
   viewBox: "0 0 36 36"
-}, [/*#__PURE__*/_createVNode("circle", {
+}, [/*#__PURE__*/_createElementVNode("circle", {
   cx: "18",
   cy: "18",
   r: "16"
 })], -1);
 
-const _hoisted_3 = {
+const _hoisted_3 = [_hoisted_2];
+const _hoisted_4 = {
   key: 1,
   class: "preloader-inner"
 };
 
-const _hoisted_4 = /*#__PURE__*/_createStaticVNode("<span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span>", 8);
+const _hoisted_5 = /*#__PURE__*/_createStaticVNode("<span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span>", 8);
 
-const _hoisted_12 = {
+const _hoisted_13 = [_hoisted_5];
+const _hoisted_14 = {
   key: 2,
   class: "preloader-inner"
 };
 
-const _hoisted_13 = /*#__PURE__*/_createVNode("span", {
+const _hoisted_15 = /*#__PURE__*/_createElementVNode("span", {
   class: "preloader-inner-circle"
 }, null, -1);
 
-const _hoisted_14 = {
+const _hoisted_16 = [_hoisted_15];
+const _hoisted_17 = {
   key: 3,
   class: "preloader-inner"
 };
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes,
-    style: _ctx.style
-  }, [_ctx.theme && _ctx.theme.md ? (_openBlock(), _createBlock("span", _hoisted_1, [_hoisted_2])) : _ctx.theme && _ctx.theme.ios ? (_openBlock(), _createBlock("span", _hoisted_3, [_hoisted_4])) : _ctx.theme && _ctx.theme.aurora ? (_openBlock(), _createBlock("span", _hoisted_12, [_hoisted_13])) : !_ctx.theme ? (_openBlock(), _createBlock("span", _hoisted_14)) : _createCommentVNode("", true)], 6);
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes),
+    style: _normalizeStyle(_ctx.style)
+  }, [_ctx.theme && _ctx.theme.md ? (_openBlock(), _createElementBlock("span", _hoisted_1, _hoisted_3)) : _ctx.theme && _ctx.theme.ios ? (_openBlock(), _createElementBlock("span", _hoisted_4, _hoisted_13)) : _ctx.theme && _ctx.theme.aurora ? (_openBlock(), _createElementBlock("span", _hoisted_14, _hoisted_16)) : !_ctx.theme ? (_openBlock(), _createElementBlock("span", _hoisted_17)) : _createCommentVNode("", true)], 6);
 }
 
 import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTheme } from '../shared/use-theme';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTheme } from '../shared/use-theme.js';
 export default {
   name: 'f7-preloader',
   render,

package/components/progressbar.js

@@ -1,19 +1,20 @@
-import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["data-progress"];
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("span", {
+  return _openBlock(), _createElementBlock("span", {
     ref: "elRef",
-    class: _ctx.classes,
+    class: _normalizeClass(_ctx.classes),
     "data-progress": _ctx.progress
-  }, [_createVNode("span", {
-    style: _ctx.transformStyle
-  }, null, 4)], 10, ["data-progress"]);
+  }, [_createElementVNode("span", {
+    style: _normalizeStyle(_ctx.transformStyle)
+  }, null, 4)], 10, _hoisted_1);
 }
 
 import { computed, ref } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7 } from '../shared/f7';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7 } from '../shared/f7.js';
 export default {
   name: 'f7-progressbar',
   render,