framework7-vue 7.0.0-beta.10 → 7.0.0-beta.15

package/components/breadcrumbs-collapsed.d.ts

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

package/components/breadcrumbs-collapsed.js

@@ -0,0 +1,26 @@
+import { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+  ref: "elRef",
+  class: "breadcrumbs-collapsed"
+};
+
+const _hoisted_2 = /*#__PURE__*/_createVNode("span", null, null, -1);
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createBlock("div", _hoisted_1, [_hoisted_2, _renderSlot(_ctx.$slots, "default")], 512);
+}
+
+import { ref } from 'vue';
+export default {
+  name: 'f7-breadcrumbs-collapsed',
+  render,
+  props: {},
+
+  setup() {
+    const elRef = ref(null);
+    return {
+      elRef
+    };
+  }
+
+};

package/components/breadcrumbs-item.d.ts

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

package/components/breadcrumbs-item.js

@@ -0,0 +1,28 @@
+import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createBlock("div", {
+    ref: "elRef",
+    class: {
+      'breadcrumbs-item': true,
+      'breadcrumbs-item-active': _ctx.active
+    }
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
+}
+
+import { ref } from 'vue';
+export default {
+  name: 'f7-breadcrumbs-item',
+  render,
+  props: {
+    active: Boolean
+  },
+
+  setup() {
+    const elRef = ref(null);
+    return {
+      elRef
+    };
+  }
+
+};

package/components/breadcrumbs-separator.d.ts

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

package/components/breadcrumbs-separator.js

@@ -0,0 +1,24 @@
+import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+  ref: "elRef",
+  class: "breadcrumbs-separator"
+};
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createBlock("div", _hoisted_1, null, 512);
+}
+
+import { ref } from 'vue';
+export default {
+  name: 'f7-breadcrumbs-separator',
+  render,
+  props: {},
+
+  setup() {
+    const elRef = ref(null);
+    return {
+      elRef
+    };
+  }
+
+};

package/components/breadcrumbs.d.ts

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

package/components/breadcrumbs.js

@@ -0,0 +1,24 @@
+import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+  ref: "elRef",
+  class: "breadcrumbs"
+};
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")], 512);
+}
+
+import { ref } from 'vue';
+export default {
+  name: 'f7-breadcrumbs',
+  render,
+  props: {},
+
+  setup() {
+    const elRef = ref(null);
+    return {
+      elRef
+    };
+  }
+
+};

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

@@ -50,7 +50,7 @@ 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,
@@ -78,12 +78,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 +126,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/text-editor.js

@@ -104,11 +104,11 @@ export default {
     };
 
     const onInsertLink = (editor, url) => {
-      emit(props, 'texteditor:insertlink', url);
+      emit('texteditor:insertlink', url);
     };
 
     const onInsertImage = (editor, url) => {
-      emit(props, 'texteditor:insertimage', url);
+      emit('texteditor:insertimage', url);
     };
 
     watch(() => props.value, newValue => {

package/components/view.d.ts

@@ -97,6 +97,11 @@ declare const View: DefineComponent<
       type: PropType<FunctionConstructor | ArrayConstructor>;
     },
 
+    initRouterOnTabShow: {
+      type: BooleanConstructor;
+      default: undefined;
+    },
+
     router: {
       type: BooleanConstructor;
       default: boolean;

package/components/view.js

@@ -10,6 +10,10 @@ export default {
     tab: Boolean,
     tabActive: Boolean,
     name: String,
+    initRouterOnTabShow: {
+      type: Boolean,
+      default: undefined
+    },
     router: {
       type: Boolean,
       default: true
@@ -189,6 +193,7 @@ export default {
     // const initialPageComponent = childrenArray.filter((c) => c.props && c.props.initialPage)[0];
     // const restChildren = childrenArray.filter((c) => !c.props || !c.props.initialPage);
     const initialPageComponent = null;
+    const shouldInitRouter = !(props.initRouterOnTabShow && props.tab && !props.tabActive);
     let f7View = null;
     const elRef = ref(null);
     let routerData = null;
@@ -228,7 +233,7 @@ export default {
       };
       f7routers.views.push(routerData);
 
-      if (f7View && f7View.router && (props.url || props.main)) {
+      if (shouldInitRouter && f7View && f7View.router && (props.url || props.main)) {
         const initialData = getRouterInitialComponent(f7View.router, initialPageComponent);
         initialPage = initialData.initialPage;
         initialRoute = initialData.initialRoute;

package/framework7-vue-bundle.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 Vue 7.0.0-beta.10
+ * Framework7 Vue 7.0.0-beta.15
  * Build full featured iOS & Android apps using Framework7 & Vue
  * https://framework7.io/vue/
  *
- * Copyright 2014-2021 Vladimir Kharlampidi
+ * Copyright 2014-2022 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: October 28, 2021
+ * Released on: April 11, 2022
  */
 import Framework7Vue from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';
@@ -29,6 +29,10 @@ import f7BlockFooter from './components/block-footer.js';
 import f7BlockHeader from './components/block-header.js';
 import f7BlockTitle from './components/block-title.js';
 import f7Block from './components/block.js';
+import f7BreadcrumbsCollapsed from './components/breadcrumbs-collapsed.js';
+import f7BreadcrumbsItem from './components/breadcrumbs-item.js';
+import f7BreadcrumbsSeparator from './components/breadcrumbs-separator.js';
+import f7Breadcrumbs from './components/breadcrumbs.js';
 import f7Button from './components/button.js';
 import f7CardContent from './components/card-content.js';
 import f7CardFooter from './components/card-footer.js';
@@ -110,7 +114,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, f7Appbar, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7Col, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItemCell, f7ListItemRow, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7MenuDropdownItem, f7MenuDropdown, f7MenuItem, f7Menu, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7Row, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7SwiperSlide, f7Swiper, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
+export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7Appbar, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7Col, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItemCell, f7ListItemRow, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7MenuDropdownItem, f7MenuDropdown, f7MenuItem, f7Menu, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7Row, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7SwiperSlide, f7Swiper, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
 export { f7, f7ready, theme, useStore };
 export default Framework7Vue;
 
@@ -131,6 +135,10 @@ function registerComponents(app) {
   app.component('f7-block-header', f7BlockHeader);
   app.component('f7-block-title', f7BlockTitle);
   app.component('f7-block', f7Block);
+  app.component('f7-breadcrumbs-collapsed', f7BreadcrumbsCollapsed);
+  app.component('f7-breadcrumbs-item', f7BreadcrumbsItem);
+  app.component('f7-breadcrumbs-separator', f7BreadcrumbsSeparator);
+  app.component('f7-breadcrumbs', f7Breadcrumbs);
   app.component('f7-button', f7Button);
   app.component('f7-card-content', f7CardContent);
   app.component('f7-card-footer', f7CardFooter);