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

package/components/menu-dropdown.js

@@ -12,8 +12,8 @@ function render(_ctx, _cache) {
 }
 
 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-menu-dropdown',
   render,

package/components/menu-item.js

@@ -22,13 +22,13 @@ function render(_ctx, _cache) {
 }
 
 import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps, routerProps, routerAttrs, routerClasses, actionsProps, actionsClasses, actionsAttrs, iconProps } from '../shared/mixins';
-import { useRouteProps } from '../shared/use-route-props';
-import { useIcon } from '../shared/use-icon';
-import { f7ready, f7 } from '../shared/f7';
-import { useTooltip } from '../shared/use-tooltip';
-import f7UseIcon from './use-icon';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps, routerProps, routerAttrs, routerClasses, actionsProps, actionsClasses, actionsAttrs, iconProps } from '../shared/mixins.js';
+import { useRouteProps } from '../shared/use-route-props.js';
+import { useIcon } from '../shared/use-icon.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import { useTooltip } from '../shared/use-tooltip.js';
+import f7UseIcon from './use-icon.js';
 export default {
   name: 'f7-menu-item',
   render,

package/components/menu.js

@@ -10,8 +10,8 @@ function render(_ctx, _cache) {
 }
 
 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-menu',
   render,

package/components/message.js

@@ -62,8 +62,8 @@ function render(_ctx, _cache) {
 }
 
 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-message',
   render,

package/components/messagebar-attachment.js

@@ -15,8 +15,8 @@ function render(_ctx, _cache) {
 }
 
 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-messagebar-attachment',
   render,

package/components/messagebar-attachments.js

@@ -7,8 +7,8 @@ function render(_ctx, _cache) {
 }
 
 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-messagebar-attachments',
   render,

package/components/messagebar-sheet-image.js

@@ -16,8 +16,8 @@ function render(_ctx, _cache) {
 }
 
 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-messagebar-sheet-image',
   render,

package/components/messagebar-sheet-item.js

@@ -7,8 +7,8 @@ function render(_ctx, _cache) {
 }
 
 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-messagebar-sheet-item',
   render,

package/components/messagebar-sheet.js

@@ -7,8 +7,8 @@ function render(_ctx, _cache) {
 }
 
 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-messagebar-sheet',
   render,

package/components/messagebar.js

@@ -1,9 +1,9 @@
 import { h, computed, ref, onMounted, onBeforeUnmount, watch, onUpdated } from 'vue';
-import { classNames, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
-import Link from './link';
-import Input from './input';
+import { classNames, noUndefinedProps } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import Link from './link.js';
+import Input from './input.js';
 export default {
   name: 'f7-messagebar',
   props: {

package/components/messages-title.js

@@ -7,8 +7,8 @@ function render(_ctx, _cache) {
 }
 
 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-messages-title',
   render,

package/components/messages.js

@@ -8,9 +8,9 @@ function render(_ctx, _cache) {
 }
 
 import { computed, ref, onMounted, onBeforeUnmount, onBeforeUpdate, onUpdated, watch } from 'vue';
-import { classNames, getChildren, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
+import { classNames, getChildren, noUndefinedProps } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-messages',
   render,

package/components/nav-left.js

@@ -18,10 +18,10 @@ function render(_ctx, _cache) {
 }
 
 import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTheme } from '../shared/use-theme';
-import f7Link from './link';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTheme } from '../shared/use-theme.js';
+import f7Link from './link.js';
 export default {
   name: 'f7-nav-left',
   render,

package/components/nav-right.js

@@ -7,8 +7,8 @@ function render(_ctx, _cache) {
 }
 
 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

@@ -10,8 +10,8 @@ function render(_ctx, _cache) {
 }
 
 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

@@ -11,8 +11,8 @@ function render(_ctx, _cache) {
 }
 
 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

@@ -50,13 +50,13 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/page-content.js

@@ -36,11 +36,11 @@ function render(_ctx, _cache) {
 }
 
 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,

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: {

package/components/panel.js

@@ -12,9 +12,9 @@ function render(_ctx, _cache) {
 }
 
 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,

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: {

package/components/pie-chart.js

@@ -29,8 +29,8 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/popover.js

@@ -16,10 +16,10 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/popup.js

@@ -8,10 +8,10 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/preloader.js

@@ -41,9 +41,9 @@ function render(_ctx, _cache) {
 }
 
 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

@@ -11,9 +11,9 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/radio.js

@@ -20,8 +20,8 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/range.js

@@ -13,9 +13,9 @@ function render(_ctx, _cache) {
 }
 
 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,

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

@@ -15,9 +15,9 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/searchbar.js

@@ -39,9 +39,9 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/segmented.js

@@ -14,8 +14,8 @@ function render(_ctx, _cache) {
 }
 
 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: {

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

@@ -33,9 +33,9 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/subnavbar.js

@@ -17,8 +17,8 @@ function render(_ctx, _cache) {
 }
 
 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

@@ -7,8 +7,8 @@ function render(_ctx, _cache) {
 }
 
 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

@@ -11,8 +11,8 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/tab.js

@@ -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,

package/components/tabs.js

@@ -15,8 +15,8 @@ function render(_ctx, _cache) {
 }
 
 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,

package/components/text-editor.js

@@ -12,9 +12,9 @@ function render(_ctx, _cache) {
 }
 
 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-text-editor',
   render,

package/components/toggle.js

@@ -20,10 +20,10 @@ function render(_ctx, _cache) {
 }
 
 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 { useTooltip } from '../shared/use-tooltip';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import { useTooltip } from '../shared/use-tooltip.js';
 export default {
   name: 'f7-toggle',
   render,