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

package/components/gauge.js

@@ -1,22 +1,29 @@
-import { openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString } from "vue";
+import { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString } from "vue";
 const _hoisted_1 = {
   class: "gauge"
 };
+const _hoisted_2 = ["width", "height", "viewBox"];
+const _hoisted_3 = ["d", "stroke", "stroke-width", "fill"];
+const _hoisted_4 = ["d", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "fill"];
+const _hoisted_5 = ["stroke", "stroke-width", "fill", "cx", "cy", "r"];
+const _hoisted_6 = ["transform", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "fill", "cx", "cy", "r"];
+const _hoisted_7 = ["y", "font-weight", "font-size", "fill", "dy", "dominant-baseline"];
+const _hoisted_8 = ["y", "font-weight", "font-size", "fill", "dy", "dominant-baseline"];
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", _hoisted_1, [(_openBlock(), _createBlock("svg", {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [(_openBlock(), _createElementBlock("svg", {
     class: "gauge-svg",
     width: `${_ctx.size}px`,
     height: `${_ctx.semiCircle ? _ctx.size / 2 : _ctx.size}px`,
     viewBox: `0 0 ${_ctx.size} ${_ctx.semiCircle ? _ctx.size / 2 : _ctx.size}`
-  }, [_ctx.semiCircle ? (_openBlock(), _createBlock("path", {
+  }, [_ctx.semiCircle ? (_openBlock(), _createElementBlock("path", {
     key: 0,
     class: "gauge-back-semi",
     d: `M${_ctx.size - _ctx.borderWidth / 2},${_ctx.size / 2} a1,1 0 0,0 -${_ctx.size - _ctx.borderWidth},0`,
     stroke: _ctx.borderBgColor,
     "stroke-width": _ctx.borderWidth,
     fill: _ctx.bgColor || 'none'
-  }, null, 8, ["d", "stroke", "stroke-width", "fill"])) : _createCommentVNode("", true), _ctx.semiCircle ? (_openBlock(), _createBlock("path", {
+  }, null, 8, _hoisted_3)) : _createCommentVNode("", true), _ctx.semiCircle ? (_openBlock(), _createElementBlock("path", {
     key: 1,
     class: "gauge-front-semi",
     d: `M${_ctx.size - _ctx.borderWidth / 2},${_ctx.size / 2} a1,1 0 0,0 -${_ctx.size - _ctx.borderWidth},0`,
@@ -25,7 +32,7 @@ function render(_ctx, _cache) {
     "stroke-dasharray": _ctx.length / 2,
     "stroke-dashoffset": _ctx.length / 2 * (1 + _ctx.progress),
     fill: _ctx.borderBgColor ? 'none' : _ctx.bgColor || 'none'
-  }, null, 8, ["d", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "fill"])) : _createCommentVNode("", true), !_ctx.semiCircle && _ctx.borderBgColor ? (_openBlock(), _createBlock("circle", {
+  }, null, 8, _hoisted_4)) : _createCommentVNode("", true), !_ctx.semiCircle && _ctx.borderBgColor ? (_openBlock(), _createElementBlock("circle", {
     key: 2,
     class: "gauge-back-circle",
     stroke: _ctx.borderBgColor,
@@ -34,7 +41,7 @@ function render(_ctx, _cache) {
     cx: _ctx.size / 2,
     cy: _ctx.size / 2,
     r: _ctx.radius
-  }, null, 8, ["stroke", "stroke-width", "fill", "cx", "cy", "r"])) : _createCommentVNode("", true), !_ctx.semiCircle ? (_openBlock(), _createBlock("circle", {
+  }, null, 8, _hoisted_5)) : _createCommentVNode("", true), !_ctx.semiCircle ? (_openBlock(), _createElementBlock("circle", {
     key: 3,
     class: "gauge-front-circle",
     transform: `rotate(-90 ${_ctx.size / 2} ${_ctx.size / 2})`,
@@ -46,7 +53,7 @@ function render(_ctx, _cache) {
     cx: _ctx.size / 2,
     cy: _ctx.size / 2,
     r: _ctx.radius
-  }, null, 8, ["transform", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "fill", "cx", "cy", "r"])) : _createCommentVNode("", true), _ctx.valueText ? (_openBlock(), _createBlock("text", {
+  }, null, 8, _hoisted_6)) : _createCommentVNode("", true), _ctx.valueText ? (_openBlock(), _createElementBlock("text", {
     key: 4,
     class: "gauge-value-text",
     x: "50%",
@@ -57,7 +64,7 @@ function render(_ctx, _cache) {
     dy: _ctx.semiCircle ? _ctx.labelText ? -_ctx.labelFontSize - 15 : -5 : 0,
     "text-anchor": "middle",
     "dominant-baseline": !_ctx.semiCircle ? 'middle' : null
-  }, _toDisplayString(_ctx.valueText), 9, ["y", "font-weight", "font-size", "fill", "dy", "dominant-baseline"])) : _createCommentVNode("", true), _ctx.labelText ? (_openBlock(), _createBlock("text", {
+  }, _toDisplayString(_ctx.valueText), 9, _hoisted_7)) : _createCommentVNode("", true), _ctx.labelText ? (_openBlock(), _createElementBlock("text", {
     key: 5,
     class: "gauge-label-text",
     x: "50%",
@@ -68,7 +75,7 @@ function render(_ctx, _cache) {
     dy: _ctx.semiCircle ? -5 : _ctx.valueText ? _ctx.valueFontSize / 2 + 10 : 0,
     "text-anchor": "middle",
     "dominant-baseline": !_ctx.semiCircle ? 'middle' : null
-  }, _toDisplayString(_ctx.labelText), 9, ["y", "font-weight", "font-size", "fill", "dy", "dominant-baseline"])) : _createCommentVNode("", true)], 8, ["width", "height", "viewBox"]))]);
+  }, _toDisplayString(_ctx.labelText), 9, _hoisted_8)) : _createCommentVNode("", true)], 8, _hoisted_2))]);
 }
 
 import { computed } from 'vue';

package/components/icon.js

@@ -1,22 +1,22 @@
-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, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("i", {
+  return _openBlock(), _createElementBlock("i", {
     ref: "elRef",
-    style: {
+    style: _normalizeStyle({
       fontSize: _ctx.sizeComputed,
       width: _ctx.sizeComputed,
       height: _ctx.sizeComputed
-    },
-    class: _ctx.classesComputed
+    }),
+    class: _normalizeClass(_ctx.classesComputed)
   }, [_createTextVNode(_toDisplayString(_ctx.iconText) + " ", 1), _renderSlot(_ctx.$slots, "default")], 6);
 }
 
 import { ref, computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
-import { useTheme } from '../shared/use-theme';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTooltip } from '../shared/use-tooltip.js';
+import { useTheme } from '../shared/use-theme.js';
 export default {
   name: 'f7-icon',
   render,

package/components/input.js

@@ -1,10 +1,10 @@
 import { computed, ref, onMounted, onBeforeUnmount, h, watch, onUpdated } from 'vue';
-import { classNames, extend, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
-import f7Toggle from './toggle';
-import f7Range from './range';
-import f7TextEditor from './text-editor';
+import { classNames, extend, noUndefinedProps } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import f7Toggle from './toggle.js';
+import f7Range from './range.js';
+import f7TextEditor from './text-editor.js';
 export default {
   name: 'f7-input',
   props: {
@@ -72,10 +72,11 @@ export default {
   },
   emits: ['input', 'focus', 'blur', 'change', 'textarea:resize', 'input:notempty', 'input:empty', 'input:clear', 'texteditor:change', 'calendar:change', 'colorpicker:change', 'update:value'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     let f7Calendar = null;
     let f7ColorPicker = null;
     const inputInvalid = ref(false);
@@ -134,7 +135,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) {
@@ -150,12 +155,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) {
@@ -165,7 +178,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/link.js

@@ -1,19 +1,19 @@
-import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, renderSlot as _renderSlot, mergeProps as _mergeProps } from "vue";
+import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock, renderSlot as _renderSlot, mergeProps as _mergeProps } from "vue";
 
 function render(_ctx, _cache) {
   const _component_f7_use_icon = _resolveComponent("f7-use-icon");
 
   const _component_f7_badge = _resolveComponent("f7-badge");
 
-  return _openBlock(), _createBlock("a", _mergeProps({
+  return _openBlock(), _createElementBlock("a", _mergeProps({
     ref: "elRef",
     class: _ctx.classes
   }, _ctx.attrs), [_ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
     key: 0,
     icon: _ctx.icon
-  }, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(), _createBlock("span", {
+  }, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(), _createElementBlock("span", {
     key: 1,
-    class: _ctx.isTabbarLabel ? 'tabbar-label' : ''
+    class: _normalizeClass(_ctx.isTabbarLabel ? 'tabbar-label' : '')
   }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _ctx.badge ? (_openBlock(), _createBlock(_component_f7_badge, {
     key: 0,
     color: _ctx.badgeColor
@@ -24,14 +24,14 @@ function render(_ctx, _cache) {
 }
 
 import { computed, ref, inject } from 'vue';
-import { classNames, isStringProp } from '../shared/utils';
-import { colorClasses, routerAttrs, routerClasses, actionsAttrs, actionsClasses, colorProps, actionsProps, routerProps, iconProps } from '../shared/mixins';
-import { useIcon } from '../shared/use-icon';
-import { useRouteProps } from '../shared/use-route-props';
-import { useTooltip } from '../shared/use-tooltip';
-import { useSmartSelect } from '../shared/use-smart-select';
-import f7Badge from './badge';
-import f7UseIcon from './use-icon';
+import { classNames, isStringProp } from '../shared/utils.js';
+import { colorClasses, routerAttrs, routerClasses, actionsAttrs, actionsClasses, colorProps, actionsProps, routerProps, iconProps } from '../shared/mixins.js';
+import { useIcon } from '../shared/use-icon.js';
+import { useRouteProps } from '../shared/use-route-props.js';
+import { useTooltip } from '../shared/use-tooltip.js';
+import { useSmartSelect } from '../shared/use-smart-select.js';
+import f7Badge from './badge.js';
+import f7UseIcon from './use-icon.js';
 export default {
   name: 'f7-link',
   render,
@@ -63,9 +63,10 @@ export default {
     ...routerProps
   },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const elRef = ref(null);
     let f7SmartSelect = null;
     useTooltip(elRef, props);

package/components/list-button.js

@@ -1,19 +1,21 @@
-import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, mergeProps as _mergeProps, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("li", null, [_createVNode("a", _mergeProps({
+  return _openBlock(), _createElementBlock("li", null, [_createElementVNode("a", _mergeProps({
     ref: "linkElRef",
     class: _ctx.linkClasses
   }, _ctx.linkAttrs, {
-    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.title) + " " + _toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 16)]);
 }
 
 import { computed, ref } from 'vue';
-import { classNames, isStringProp } from '../shared/utils';
-import { colorClasses, colorProps, actionsAttrs, actionsClasses, actionsProps, routerAttrs, routerClasses, routerProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
-import { useRouteProps } from '../shared/use-route-props';
+import { classNames, isStringProp } from '../shared/utils.js';
+import { colorClasses, colorProps, actionsAttrs, actionsClasses, actionsProps, routerAttrs, routerClasses, routerProps } from '../shared/mixins.js';
+import { useTooltip } from '../shared/use-tooltip.js';
+import { useRouteProps } from '../shared/use-route-props.js';
 export default {
   name: 'f7-list-button',
   render,
@@ -33,9 +35,10 @@ export default {
   },
   emits: ['click'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const linkElRef = ref(null);
 
     const onClick = e => {

package/components/list-group.js

@@ -1,15 +1,16 @@
-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 = ["data-sortable-move-elements"];
 
 function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes,
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes),
     "data-sortable-move-elements": typeof _ctx.sortableMoveElements !== 'undefined' ? _ctx.sortableMoveElements.toString() : undefined
-  }, [_createVNode("ul", null, [_renderSlot(_ctx.$slots, "default")])], 10, ["data-sortable-move-elements"]);
+  }, [_createElementVNode("ul", null, [_renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1);
 }
 
 import { computed, provide, inject } 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-list-group',
   render,

package/components/list-index.js

@@ -1,16 +1,16 @@
-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, onMounted, onBeforeUnmount, watch } 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-list-index',
   render,
@@ -48,9 +48,10 @@ export default {
   },
   emits: ['listindex:select'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     let f7ListIndex = null;
     const elRef = ref(null);
 

package/components/list-input.js

@@ -1,8 +1,8 @@
 import { computed, h, ref, onMounted, onBeforeUnmount, watch, inject, onUpdated } from 'vue';
-import { classNames, extend, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
-import f7TextEditor from './text-editor';
+import { classNames, extend, noUndefinedProps } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import f7TextEditor from './text-editor.js';
 export default {
   name: 'f7-list-input',
   props: {
@@ -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,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-list-item-cell',
   render,

package/components/list-item-row.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-list-item-row',
   render,

package/components/list-item.js

@@ -1,23 +1,24 @@
 import { computed, ref, h, onMounted, onBeforeUnmount, watch, inject } from 'vue';
-import { classNames, isStringProp } from '../shared/utils';
-import { colorClasses, colorProps, actionsProps, actionsAttrs, actionsClasses, routerProps, routerAttrs, routerClasses } from '../shared/mixins';
-import { useRouteProps } from '../shared/use-route-props';
-import { useSmartSelect } from '../shared/use-smart-select';
-import { useTooltip } from '../shared/use-tooltip';
-import { f7ready, f7 } from '../shared/f7';
-import f7Badge from './badge';
-
-const ListItemContent = ({
-  props,
-  slots,
-  inputElRef,
-  onChange,
-  onClick,
-  isMediaComputed,
-  isSortableComputed,
-  isSortableOppositeComputed,
-  itemContentClasses
-} = {}) => {
+import { classNames, isStringProp } from '../shared/utils.js';
+import { colorClasses, colorProps, actionsProps, actionsAttrs, actionsClasses, routerProps, routerAttrs, routerClasses } from '../shared/mixins.js';
+import { useRouteProps } from '../shared/use-route-props.js';
+import { useSmartSelect } from '../shared/use-smart-select.js';
+import { useTooltip } from '../shared/use-tooltip.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import f7Badge from './badge.js';
+
+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

@@ -1,8 +1,8 @@
 import { computed, ref, onMounted, onBeforeUnmount, h, provide, toRaw } from 'vue';
-import { classNames, extend } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7, f7ready } from '../shared/f7';
-import { useTab } from '../shared/use-tab';
+import { classNames, extend } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7, f7ready } from '../shared/f7.js';
+import { useTab } from '../shared/use-tab.js';
 export default {
   name: 'f7-list',
   props: {
@@ -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,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-login-screen-title',
   render,