@xenknight/framework7-vue 0.0.8 → 0.0.9

package/components/navbar-new.d.ts

@@ -5,6 +5,96 @@ import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
 declare const NavbarNew: DefineComponent<
   {
     
+    backLink: {
+      type: BooleanConstructor | StringConstructor;
+    },
+
+    backLinkUrl: {
+      type: StringConstructor;
+    },
+
+    backLinkForce: {
+      type: BooleanConstructor;
+    },
+
+    title: {
+      type: StringConstructor;
+    },
+
+    subtitle: {
+      type: StringConstructor;
+    },
+
+    hidden: {
+      type: BooleanConstructor;
+    },
+
+    innerClass: {
+      type: StringConstructor;
+    },
+
+    innerClassName: {
+      type: StringConstructor;
+    },
+
+    large: {
+      type: BooleanConstructor;
+    },
+
+    largeTransparent: {
+      type: BooleanConstructor;
+    },
+
+    transparent: {
+      type: BooleanConstructor;
+    },
+
+    titleLarge: {
+      type: StringConstructor;
+    },
+
+    backLinkShowText: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    sliding: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    outline: {
+      type: any;
+      default: boolean;
+    },
+
+    color: {
+      type: StringConstructor;
+    },
+
+    colorTheme: {
+      type: StringConstructor;
+    },
+
+    textColor: {
+      type: StringConstructor;
+    },
+
+    bgColor: {
+      type: StringConstructor;
+    },
+
+    borderColor: {
+      type: StringConstructor;
+    },
+
+    rippleColor: {
+      type: StringConstructor;
+    },
+
+    dark: {
+      type: BooleanConstructor;
+    }
   },
   () => JSX.Element,
   unknown,

package/components/page.d.ts

@@ -83,6 +83,16 @@ declare const Page: DefineComponent<
       default: undefined;
     },
 
+    subnavbarNew: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    withSubnavbarNew: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
     withNavbarLarge: {
       type: BooleanConstructor;
       default: undefined;

package/components/page.js

@@ -2,6 +2,7 @@ import { computed, ref, onMounted, onBeforeUnmount, h } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
 import { f7ready, f7 } from '../shared/f7.js';
+import $ from '../../core/shared/dom7.js';
 import f7PageContent from './page-content.js';
 export default {
   name: 'f7-page',
@@ -15,6 +16,14 @@ export default {
       type: Boolean,
       default: undefined
     },
+    subnavbarNew: {
+      type: Boolean,
+      default: undefined
+    },
+    withSubnavbarNew: {
+      type: Boolean,
+      default: undefined
+    },
     withNavbarLarge: {
       type: Boolean,
       default: undefined
@@ -61,6 +70,7 @@ export default {
       slots
     } = _ref;
     let hasSubnavbar = false;
+    let hasSubnavbarNew = false;
     let hasNavbarLarge = false;
     let hasNavbarLargeCollapsed = false;
     let hasCardExpandableOpened = false;
@@ -78,10 +88,15 @@ export default {
     const onPageInit = page => {
       if (elRef.value !== page.el) return;
       if (typeof props.withSubnavbar === 'undefined' && typeof props.subnavbar === 'undefined') {
-        if (page.$navbarEl && page.$navbarEl.length && page.$navbarEl.find('.subnavbar').length || page.$navbarNewEl && page.$navbarNewEl.length && page.$navbarNewEl.find('.subnavbar').length || page.$el.children('.navbar').find('.subnavbar').length || page.$el.children('.navbar-new').find('.subnavbar').length) {
+        if (page.$navbarEl && page.$navbarEl.length && page.$navbarEl.find('.subnavbar').length || page.$el.children('.navbar').find('.subnavbar').length) {
           hasSubnavbar = true;
         }
       }
+      if (typeof props.withSubnavbarNew === 'undefined' && typeof props.subnavbarNew === 'undefined') {
+        if (page.$navbarNewEl && page.$navbarNewEl.length && page.$navbarNewEl.find('.subnavbar-new').length || page.$el.children('.navbar-new').find('.subnavbar-new').length) {
+          hasSubnavbarNew = true;
+        }
+      }
       if (typeof props.withNavbarLarge === 'undefined' && typeof props.navbarLarge === 'undefined') {
         if (page.$navbarEl && page.$navbarEl.hasClass('navbar-large')) {
           hasNavbarLarge = true;
@@ -161,16 +176,18 @@ export default {
       hasNavbarLargeCollapsed = false;
     };
     const onNavbarNewCollapse = navbarEl => {
-      if (!elRef.value || !navbarEl) return;
-      const pageEl = navbarEl.closest('.page');
-      if (pageEl === elRef.value) {
+      if (!elRef.value) return;
+      const $navbarEl = $(navbarEl);
+      const $pageEl = $navbarEl.parents('.page');
+      if ($pageEl.length && $pageEl[0] === elRef.value) {
         hasNavbarLargeCollapsed = true;
       }
     };
     const onNavbarNewExpand = navbarEl => {
-      if (!elRef.value || !navbarEl) return;
-      const pageEl = navbarEl.closest('.page');
-      if (pageEl === elRef.value) {
+      if (!elRef.value) return;
+      const $navbarEl = $(navbarEl);
+      const $pageEl = $navbarEl.parents('.page');
+      if ($pageEl.length && $pageEl[0] === elRef.value) {
         hasNavbarLargeCollapsed = false;
       }
     };
@@ -260,6 +277,7 @@ export default {
     const classes = computed(() => classNames('page', routerPositionClass, {
       tabs: props.tabs,
       'page-with-subnavbar': props.subnavbar || props.withSubnavbar,
+      'page-with-subnavbar-new': props.subnavbarNew || props.withSubnavbarNew,
       'page-with-navbar-large': props.navbarLarge || props.withNavbarLarge,
       'no-navbar': props.noNavbar,
       'no-toolbar': props.noToolbar,
@@ -272,7 +290,7 @@ export default {
       'page-with-card-opened': hasCardExpandableOpened === true,
       'login-screen-page': props.loginScreen
     }, colorClasses(props)));
-    const fixedTags = 'navbar navbar-new toolbar tabbar subnavbar searchbar messagebar fab list-index panel'.split(' ').map(tagName => `f7-${tagName}`);
+    const fixedTags = 'navbar navbar-new toolbar toolbar-new tabbar subnavbar subnavbar-new searchbar searchbar-new messagebar fab list-index panel'.split(' ').map(tagName => `f7-${tagName}`);
     return () => {
       const fixedList = [];
       const staticList = [];
@@ -282,6 +300,7 @@ export default {
         default: slotsDefault
       } = slots;
       let hasSubnavbarComputed = false;
+      let hasSubnavbarNewComputed = false;
       let hasNavbarLargeComputed = false;
       let hasMessages = props.messagesContent;
       const slotsDefaultRendered = slotsDefault && slotsDefault();
@@ -295,6 +314,7 @@ export default {
             return;
           }
           if (tag === 'f7-subnavbar') hasSubnavbarComputed = true;
+          if (tag === 'f7-subnavbar-new') hasSubnavbarNewComputed = true;
           if (tag === 'f7-navbar') {
             if (vnode.props && (vnode.props.large || vnode.props.large === '')) hasNavbarLargeComputed = true;
           }
@@ -314,6 +334,9 @@ export default {
       if ((hasSubnavbarComputed || hasSubnavbar) && typeof props.subnavbar === 'undefined' && typeof props.withSubnavbar === 'undefined' && classesValue.indexOf('page-with-subnavbar') < 0) {
         classesValue += ' page-with-subnavbar';
       }
+      if ((hasSubnavbarNewComputed || hasSubnavbarNew) && typeof props.subnavbarNew === 'undefined' && typeof props.withSubnavbarNew === 'undefined' && classesValue.indexOf('page-with-subnavbar-new') < 0) {
+        classesValue += ' page-with-subnavbar-new';
+      }
       if ((hasNavbarLargeComputed || hasNavbarLarge) && typeof props.navbarLarge === 'undefined' && typeof props.withNavbarLarge === 'undefined' && classesValue.indexOf('page-with-navbar-large') < 0 && classesValue.indexOf('page-with-navbar-new-large') < 0) {
         classesValue += ' page-with-navbar-large';
       }

package/components/searchbar-new.d.ts

@@ -5,6 +5,168 @@ import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
 declare const SearchbarNew: DefineComponent<
   {
     
+    value: {
+      type: StringConstructor | NumberConstructor | ArrayConstructor;
+    },
+
+    expandable: {
+      type: BooleanConstructor;
+    },
+
+    inline: {
+      type: BooleanConstructor;
+    },
+
+    searchContainer: {
+      type: StringConstructor | ObjectConstructor;
+    },
+
+    backdropEl: {
+      type: StringConstructor | ObjectConstructor;
+    },
+
+    outline: {
+      type: any;
+      default: boolean;
+    },
+
+    form: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    placeholder: {
+      type: StringConstructor;
+      default: string;
+    },
+
+    spellcheck: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    disableButton: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    disableButtonText: {
+      type: StringConstructor;
+      default: string;
+    },
+
+    clearButton: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    inputEvents: {
+      type: StringConstructor;
+      default: string;
+    },
+
+    searchIn: {
+      type: StringConstructor;
+      default: string;
+    },
+
+    searchItem: {
+      type: StringConstructor;
+      default: string;
+    },
+
+    searchGroup: {
+      type: StringConstructor;
+      default: string;
+    },
+
+    searchGroupTitle: {
+      type: StringConstructor;
+      default: string;
+    },
+
+    foundEl: {
+      type: StringConstructor | ObjectConstructor;
+      default: string;
+    },
+
+    notFoundEl: {
+      type: StringConstructor | ObjectConstructor;
+      default: string;
+    },
+
+    backdrop: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    hideOnEnableEl: {
+      type: StringConstructor | ObjectConstructor;
+      default: string;
+    },
+
+    hideOnSearchEl: {
+      type: StringConstructor | ObjectConstructor;
+      default: string;
+    },
+
+    ignore: {
+      type: StringConstructor;
+      default: string;
+    },
+
+    customSearch: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    removeDiacritics: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    hideGroupTitles: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    hideGroups: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    init: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    color: {
+      type: StringConstructor;
+    },
+
+    colorTheme: {
+      type: StringConstructor;
+    },
+
+    textColor: {
+      type: StringConstructor;
+    },
+
+    bgColor: {
+      type: StringConstructor;
+    },
+
+    borderColor: {
+      type: StringConstructor;
+    },
+
+    rippleColor: {
+      type: StringConstructor;
+    },
+
+    dark: {
+      type: BooleanConstructor;
+    }
   },
   () => JSX.Element,
   unknown,

package/components/subnavbar-new.d.ts

@@ -0,0 +1,19 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const SubnavbarNew: DefineComponent<
+  {
+    
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default SubnavbarNew;
+  

package/components/subnavbar-new.js

@@ -0,0 +1,40 @@
+import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "subnavbar-new-inner"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "subnavbar-new-title"
+};
+function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes)
+  }, [_ctx.inner ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_ctx.title ? (_openBlock(), _createElementBlock("div", _hoisted_2, _toDisplayString(_ctx.title), 1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")])) : _renderSlot(_ctx.$slots, "default", {
+    key: 1
+  })], 2);
+}
+import { computed } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+export default {
+  name: 'f7-subnavbar-new',
+  render,
+  props: {
+    sliding: Boolean,
+    title: String,
+    inner: {
+      type: Boolean,
+      default: true
+    },
+    ...colorProps
+  },
+  setup(props) {
+    const classes = computed(() => classNames('subnavbar-new', {
+      sliding: props.sliding
+    }, colorClasses(props)));
+    return {
+      classes
+    };
+  }
+};

package/components/toolbar-new.d.ts

@@ -5,6 +5,94 @@ import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
 declare const ToolbarNew: DefineComponent<
   {
     
+    tabbar: {
+      type: BooleanConstructor;
+    },
+
+    icons: {
+      type: BooleanConstructor;
+    },
+
+    scrollable: {
+      type: BooleanConstructor;
+    },
+
+    hidden: {
+      type: BooleanConstructor;
+    },
+
+    outline: {
+      type: any;
+      default: boolean;
+    },
+
+    position: {
+      type: StringConstructor;
+      default: undefined;
+    },
+
+    topMd: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    topIos: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    top: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    bottomMd: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    bottomIos: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    bottom: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
+    inner: {
+      type: BooleanConstructor;
+      default: boolean;
+    },
+
+    color: {
+      type: StringConstructor;
+    },
+
+    colorTheme: {
+      type: StringConstructor;
+    },
+
+    textColor: {
+      type: StringConstructor;
+    },
+
+    bgColor: {
+      type: StringConstructor;
+    },
+
+    borderColor: {
+      type: StringConstructor;
+    },
+
+    rippleColor: {
+      type: StringConstructor;
+    },
+
+    dark: {
+      type: BooleanConstructor;
+    }
   },
   () => JSX.Element,
   unknown,

package/framework7-vue-bundle.js

@@ -80,6 +80,7 @@ import f7SkeletonBlock from './components/skeleton-block.js';
 import f7SkeletonImage from './components/skeleton-image.js';
 import f7SkeletonText from './components/skeleton-text.js';
 import f7Stepper from './components/stepper.js';
+import f7SubnavbarNew from './components/subnavbar-new.js';
 import f7Subnavbar from './components/subnavbar.js';
 import f7SwipeoutActions from './components/swipeout-actions.js';
 import f7SwipeoutButton from './components/swipeout-button.js';
@@ -96,7 +97,7 @@ import f7UseIcon from './components/use-icon.js';
 import f7View from './components/view.js';
 import f7Views from './components/views.js';
 
-export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7NavbarNew, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7SearchbarNew, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7ToolbarNew, f7ToolbarPaneNew, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
+export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7NavbarNew, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7SearchbarNew, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7SubnavbarNew, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7ToolbarNew, f7ToolbarPaneNew, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
 export { f7, f7ready, theme, useStore, setTheme };
 export default Framework7Vue;
 
@@ -179,6 +180,7 @@ function registerComponents(app) {
   app.component('f7-skeleton-image', f7SkeletonImage);
   app.component('f7-skeleton-text', f7SkeletonText);
   app.component('f7-stepper', f7Stepper);
+  app.component('f7-subnavbar-new', f7SubnavbarNew);
   app.component('f7-subnavbar', f7Subnavbar);
   app.component('f7-swipeout-actions', f7SwipeoutActions);
   app.component('f7-swipeout-button', f7SwipeoutButton);

package/framework7-vue.d.ts

@@ -79,6 +79,7 @@ import f7SkeletonBlock from './components/skeleton-block.js';
 import f7SkeletonImage from './components/skeleton-image.js';
 import f7SkeletonText from './components/skeleton-text.js';
 import f7Stepper from './components/stepper.js';
+import f7SubnavbarNew from './components/subnavbar-new.js';
 import f7Subnavbar from './components/subnavbar.js';
 import f7SwipeoutActions from './components/swipeout-actions.js';
 import f7SwipeoutButton from './components/swipeout-button.js';
@@ -120,6 +121,6 @@ declare const useStore: useStore;
 
 declare const setTheme: (theme: string) => void;
 
-export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7NavbarNew, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7SearchbarNew, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7ToolbarNew, f7ToolbarPaneNew, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
+export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7NavbarNew, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7SearchbarNew, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7SubnavbarNew, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7ToolbarNew, f7ToolbarPaneNew, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
 export { f7, f7ready, theme, useStore, setTheme };
 export default Framework7Vue;

package/framework7-vue.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 Vue 0.0.7
+ * Framework7 Vue 0.0.6
  * Build full featured iOS & Android apps using Framework7 & Vue
  * https://framework7.io/vue/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: January 1, 2026
+ * Released on: January 4, 2026
  */
 import Framework7Vue from './shared/plugin.js';
 import { f7, f7ready, theme, setTheme } from './shared/f7.js';
@@ -91,6 +91,7 @@ import f7SkeletonBlock from './components/skeleton-block.js';
 import f7SkeletonImage from './components/skeleton-image.js';
 import f7SkeletonText from './components/skeleton-text.js';
 import f7Stepper from './components/stepper.js';
+import f7SubnavbarNew from './components/subnavbar-new.js';
 import f7Subnavbar from './components/subnavbar.js';
 import f7SwipeoutActions from './components/swipeout-actions.js';
 import f7SwipeoutButton from './components/swipeout-button.js';
@@ -107,6 +108,6 @@ import f7UseIcon from './components/use-icon.js';
 import f7View from './components/view.js';
 import f7Views from './components/views.js';
 
-export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7NavbarNew, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7SearchbarNew, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7ToolbarNew, f7ToolbarPaneNew, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
+export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7NavbarNew, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7SearchbarNew, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7SubnavbarNew, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7ToolbarNew, f7ToolbarPaneNew, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
 export { f7, f7ready, theme, useStore, setTheme };
 export default Framework7Vue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenknight/framework7-vue",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Build full featured iOS & Android apps using Framework7 & Vue",
   "type": "module",
   "exports": {