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

package/components/accordion-content.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-accordion-content',
   render,

package/components/accordion-item.js

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

package/components/accordion-toggle.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-accordion-toggle',
   render,

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

package/components/actions-button.js

@@ -16,9 +16,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-actions-button',
   render,

package/components/actions-group.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-actions-group',
   render,

package/components/actions-label.js

@@ -8,8 +8,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-actions-label',
   render,

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

package/components/app.d.ts

@@ -39,7 +39,7 @@ declare const App: DefineComponent<
       default: () => [];
     },
 
-    autoDarkTheme: {
+    autoDarkMode: {
       type: any;
       default: undefined;
     },

package/components/app.js

@@ -11,10 +11,10 @@ function render(_ctx, _cache) {
 }
 
 import { ref, onMounted, computed, toRaw } from 'vue';
-import { classNames, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import RoutableModals from './routable-modals';
-import { f7init, f7 } from '../shared/f7';
+import { classNames, noUndefinedProps } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import RoutableModals from './routable-modals.js';
+import { f7init, f7 } from '../shared/f7.js';
 export default {
   name: 'f7-app',
   render,
@@ -48,7 +48,7 @@ export default {
       default: () => []
     },
     store: Object,
-    autoDarkTheme: {
+    autoDarkMode: {
       type: Boolean,
       default: undefined
     },

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

package/components/area-chart.js

@@ -69,8 +69,8 @@ function render(_ctx, _cache) {
 }
 
 import { computed, onBeforeUnmount, onMounted, 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-area-chart',
   render,

package/components/badge.js

@@ -8,9 +8,9 @@ function render(_ctx, _cache) {
 }
 
 import { computed, ref } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTooltip } from '../shared/use-tooltip.js';
 export default {
   name: 'f7-badge',
   render,

package/components/block-footer.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-block-footer',
   render,

package/components/block-header.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-block-header',
   render,

package/components/block-title.js

@@ -8,8 +8,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-block-title',
   render,

package/components/block.js

@@ -8,9 +8,9 @@ function render(_ctx, _cache) {
 }
 
 import { ref, computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTab } from '../shared/use-tab';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTab } from '../shared/use-tab.js';
 export default {
   name: 'f7-block',
   render,

package/components/button.js

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

package/components/card-content.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-card-content',
   render,

package/components/card-footer.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-card-footer',
   render,

package/components/card-header.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-card-header',
   render,

package/components/card.js

@@ -39,12 +39,12 @@ function render(_ctx, _cache) {
 }
 
 import { computed, ref, onMounted, onBeforeUnmount, watch } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7, f7ready } from '../shared/f7';
-import f7CardHeader from './card-header';
-import f7CardContent from './card-content';
-import f7CardFooter from './card-footer';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7, f7ready } from '../shared/f7.js';
+import f7CardHeader from './card-header.js';
+import f7CardContent from './card-content.js';
+import f7CardFooter from './card-footer.js';
 export default {
   name: 'f7-card',
   render,

package/components/checkbox.js

@@ -20,8 +20,8 @@ function render(_ctx, _cache) {
 }
 
 import { ref, computed, onMounted, watch } 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-checkbox',
   render,

package/components/chip.js

@@ -24,11 +24,11 @@ function render(_ctx, _cache) {
 }
 
 import { ref, computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps, iconProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
-import { useIcon } from '../shared/use-icon';
-import f7UseIcon from './use-icon';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps, iconProps } from '../shared/mixins.js';
+import { useTooltip } from '../shared/use-tooltip.js';
+import { useIcon } from '../shared/use-icon.js';
+import f7UseIcon from './use-icon.js';
 export default {
   name: 'f7-chip',
   render,

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

package/components/fab-backdrop.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-fab-backdrop',
   render,

package/components/fab-button.js

@@ -14,9 +14,9 @@ function render(_ctx, _cache) {
 }
 
 import { computed, ref } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTooltip } from '../shared/use-tooltip.js';
 export default {
   name: 'f7-fab-button',
   render,

package/components/fab-buttons.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-fab-buttons',
   render,

package/components/fab.js

@@ -1,7 +1,7 @@
 import { h, computed, ref } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { useTooltip } from '../shared/use-tooltip.js';
 export default {
   name: 'f7-fab',
   props: {

package/components/icon.js

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

package/components/link.js

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

package/components/list-button.js

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

package/components/list-group.js

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

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

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

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

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

package/components/list-item.js

@@ -1,11 +1,11 @@
 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';
+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 = ({
   props,

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

package/components/login-screen-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-login-screen-title',
   render,

package/components/login-screen.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-login-screen',
   render,

package/components/menu-dropdown-item.js

@@ -10,9 +10,9 @@ function render(_ctx, _cache) {
 }
 
 import { computed, ref } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps, routerProps, routerAttrs, routerClasses, actionsProps, actionsAttrs, actionsClasses } from '../shared/mixins';
-import { useRouteProps } from '../shared/use-route-props';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps, routerProps, routerAttrs, routerClasses, actionsProps, actionsAttrs, actionsClasses } from '../shared/mixins.js';
+import { useRouteProps } from '../shared/use-route-props.js';
 export default {
   name: 'f7-menu-dropdown-item',
   render,