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

package/components/breadcrumbs-collapsed.d.ts

@@ -0,0 +1,17 @@
+
+import { SvelteComponentTyped } from 'svelte';
+
+
+interface BreadcrumbsCollapsedProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+  onClick ?: (event?: any) => void;
+}
+
+
+
+class BreadcrumbsCollapsed extends SvelteComponentTyped<
+  BreadcrumbsCollapsedProps,
+  { click: CustomEvent<void>; },
+  {  'default' : {}; }
+> {}
+
+export default BreadcrumbsCollapsed;

package/components/breadcrumbs-collapsed.svelte

@@ -0,0 +1,21 @@
+<script>
+  import { createEventDispatcher } from 'svelte';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+
+  let className = undefined;
+  export { className as class };
+
+  $: classes = classNames(className, 'breadcrumbs-collapsed');
+
+  const emit = createEmitter(createEventDispatcher, $$props);
+
+  function onClick() {
+    emit('click');
+  }
+</script>
+
+<div class={classes} {...restProps($$restProps)} on:click={onClick}>
+  <span />
+  <slot />
+</div>

package/components/breadcrumbs-item.d.ts

@@ -0,0 +1,18 @@
+
+import { SvelteComponentTyped } from 'svelte';
+
+
+interface BreadcrumbsItemProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+  onClick ?: (event?: any) => void;
+  active?: boolean;
+}
+
+
+
+class BreadcrumbsItem extends SvelteComponentTyped<
+  BreadcrumbsItemProps,
+  {  },
+  {  'default' : {}; }
+> {}
+
+export default BreadcrumbsItem;

package/components/breadcrumbs-item.svelte

@@ -0,0 +1,15 @@
+<script>
+  import { classNames } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+
+  export let active = false;
+
+  let className = undefined;
+  export { className as class };
+
+  $: classes = classNames(className, 'breadcrumbs-item', active && 'breadcrumbs-item-active');
+</script>
+
+<div class={classes} {...restProps($$restProps)}>
+  <slot />
+</div>

package/components/breadcrumbs-separator.d.ts

@@ -0,0 +1,17 @@
+
+import { SvelteComponentTyped } from 'svelte';
+
+
+interface BreadcrumbsSeparatorProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+  
+}
+
+
+
+class BreadcrumbsSeparator extends SvelteComponentTyped<
+  BreadcrumbsSeparatorProps,
+  {  },
+  {  }
+> {}
+
+export default BreadcrumbsSeparator;

package/components/breadcrumbs-separator.svelte

@@ -0,0 +1,11 @@
+<script>
+  import { classNames } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+
+  let className = undefined;
+  export { className as class };
+
+  $: classes = classNames(className, 'breadcrumbs-separator');
+</script>
+
+<div class={classes} {...restProps($$restProps)} />

package/components/breadcrumbs.d.ts

@@ -0,0 +1,17 @@
+
+import { SvelteComponentTyped } from 'svelte';
+
+
+interface BreadcrumbsProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+  
+}
+
+
+
+class Breadcrumbs extends SvelteComponentTyped<
+  BreadcrumbsProps,
+  {  },
+  {  'default' : {}; }
+> {}
+
+export default Breadcrumbs;

package/components/breadcrumbs.svelte

@@ -0,0 +1,13 @@
+<script>
+  import { classNames } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+
+  let className = undefined;
+  export { className as class };
+
+  $: classes = classNames(className, 'breadcrumbs');
+</script>
+
+<div class={classes} {...restProps($$restProps)}>
+  <slot />
+</div>

package/components/link.svelte

@@ -44,6 +44,10 @@
   let el;
   let f7SmartSelect;
 
+  export function smartSelectInstance() {
+    return f7SmartSelect;
+  }
+
   let TabbarContext =
     getReactiveContext('TabbarContext', (newValue) => {
       TabbarContext = newValue;

package/components/list.d.ts

@@ -55,6 +55,7 @@ interface ListProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
   onSortableEnable ?: (...args: any[]) => void;
   onSortableDisable ?: (...args: any[]) => void;
   onSortableSort ?: (sortData?: any) => void;
+  onSortableMove ?: (itemEl?: any) => void;
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;
 }
@@ -63,7 +64,7 @@ interface ListProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
 
 class List extends SvelteComponentTyped<
   ListProps,
-  { submit: CustomEvent<void>; sortableEnable: CustomEvent<void>; sortableDisable: CustomEvent<void>; sortableSort: CustomEvent<void>; virtualItemBeforeInsert: CustomEvent<void>; virtualBeforeClear: CustomEvent<void>; virtualItemsBeforeInsert: CustomEvent<void>; virtualItemsAfterInsert: CustomEvent<void>; },
+  { submit: CustomEvent<void>; sortableEnable: CustomEvent<void>; sortableDisable: CustomEvent<void>; sortableSort: CustomEvent<void>; sortableMove: CustomEvent<void>; virtualItemBeforeInsert: CustomEvent<void>; virtualBeforeClear: CustomEvent<void>; virtualItemsBeforeInsert: CustomEvent<void>; virtualItemsAfterInsert: CustomEvent<void>; },
   {  'before-list' : {};  'list' : {};  'default' : {};  'after-list' : {}; }
 > {}
 

package/components/list.svelte

@@ -131,6 +131,10 @@
     if (listEl !== el) return;
     emit('sortableSort', [sortData]);
   }
+  function onSortableMove(listItemEl, listEl) {
+    if (listEl !== el) return;
+    emit('sortableMove', [listItemEl, listEl]);
+  }
 
   useTab(() => el, emit);
 
@@ -139,6 +143,7 @@
       app.f7.on('sortableEnable', onSortableEnable);
       app.f7.on('sortableDisable', onSortableDisable);
       app.f7.on('sortableSort', onSortableSort);
+      app.f7.on('sortableMove', onSortableMove);
 
       if (!virtualList) return;
       const vlParams = virtualListParams || {};
@@ -178,6 +183,7 @@
     app.f7.off('sortableEnable', onSortableEnable);
     app.f7.off('sortableDisable', onSortableDisable);
     app.f7.off('sortableSort', onSortableSort);
+    app.f7.off('sortableMove', onSortableMove);
 
     if (f7VirtualList && f7VirtualList.destroy) {
       f7VirtualList.destroy();

package/components/swiper-slide.d.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line
 import { SwiperSlide } from 'swiper/svelte';
 
 export default SwiperSlide;

package/components/swiper-slide.js

@@ -1,2 +1,3 @@
+// eslint-disable-next-line
 import { SwiperSlide } from 'swiper/svelte';
 export default SwiperSlide;

package/components/swiper.d.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line
 import { Swiper } from 'swiper/svelte';
 
 export default Swiper;

package/components/swiper.js

@@ -1,2 +1,3 @@
+// eslint-disable-next-line
 import { Swiper } from 'swiper/svelte';
 export default Swiper;

package/components/view.d.ts

@@ -5,6 +5,7 @@ import { SvelteComponentTyped } from 'svelte';
 
 
 interface ViewProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+  initRouterOnTabShow?: boolean;
   tab ?: boolean;
   tabActive ?: boolean;
   name ?: string;

package/components/view.svelte

@@ -18,7 +18,9 @@
 
   const emit = createEmitter(createEventDispatcher, $$props);
 
-  const { main, tab, tabActive, browserHistoryInitialMatch = true } = $$props;
+  const { main, tab, tabActive, browserHistoryInitialMatch = true, initRouterOnTabShow } = $$props;
+
+  const shouldInitRouter = !(initRouterOnTabShow && tab && !tabActive);
 
   let initialPage;
   let initialRoute;
@@ -54,7 +56,7 @@
       instance: f7View,
     };
     app.f7routers.views.push(routerData);
-    if (f7View && f7View.router && (url || main)) {
+    if (shouldInitRouter && f7View && f7View.router && (url || main)) {
       const initialData = getRouterInitialComponent(f7View.router);
       initialPage = initialData.initialPage;
       initialRoute = initialData.initialRoute;

package/framework7-svelte.d.ts

@@ -17,6 +17,10 @@ import BlockFooter from './components/block-footer';
 import BlockHeader from './components/block-header';
 import BlockTitle from './components/block-title';
 import Block from './components/block';
+import BreadcrumbsCollapsed from './components/breadcrumbs-collapsed';
+import BreadcrumbsItem from './components/breadcrumbs-item';
+import BreadcrumbsSeparator from './components/breadcrumbs-separator';
+import Breadcrumbs from './components/breadcrumbs';
 import Button from './components/button';
 import CardContent from './components/card-content';
 import CardFooter from './components/card-footer';
@@ -130,6 +134,6 @@ interface app {
 
 declare const app: app;
 
-export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, Appbar, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, Col, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemCell, ListItemRow, ListItem, List, LoginScreenTitle, LoginScreen, MenuDropdownItem, MenuDropdown, MenuItem, Menu, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, RouterContextProvider, Row, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
+export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, Appbar, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, Col, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemCell, ListItemRow, ListItem, List, LoginScreenTitle, LoginScreen, MenuDropdownItem, MenuDropdown, MenuItem, Menu, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, RouterContextProvider, Row, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
 export { f7, f7ready, theme, useStore, app };
 export default Framework7Svelte;

package/framework7-svelte.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 Svelte 7.0.0-beta.10
+ * Framework7 Svelte 7.0.0-beta.15
  * Build full featured iOS & Android apps using Framework7 & Svelte
  * https://framework7.io/svelte/
  *
- * 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 Framework7Svelte from './shared/plugin.js';
 import { f7, f7ready, theme, app } from './shared/f7.js';
@@ -29,6 +29,10 @@ import BlockFooter from './components/block-footer.svelte';
 import BlockHeader from './components/block-header.svelte';
 import BlockTitle from './components/block-title.svelte';
 import Block from './components/block.svelte';
+import BreadcrumbsCollapsed from './components/breadcrumbs-collapsed.svelte';
+import BreadcrumbsItem from './components/breadcrumbs-item.svelte';
+import BreadcrumbsSeparator from './components/breadcrumbs-separator.svelte';
+import Breadcrumbs from './components/breadcrumbs.svelte';
 import Button from './components/button.svelte';
 import CardContent from './components/card-content.svelte';
 import CardFooter from './components/card-footer.svelte';
@@ -111,6 +115,6 @@ import UseIcon from './components/use-icon.svelte';
 import View from './components/view.svelte';
 import Views from './components/views.svelte';
 
-export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, Appbar, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, Col, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemCell, ListItemRow, ListItem, List, LoginScreenTitle, LoginScreen, MenuDropdownItem, MenuDropdown, MenuItem, Menu, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, RouterContextProvider, Row, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
+export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, Appbar, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, Col, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemCell, ListItemRow, ListItem, List, LoginScreenTitle, LoginScreen, MenuDropdownItem, MenuDropdown, MenuItem, Menu, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, RouterContextProvider, Row, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
 export { f7, f7ready, theme, useStore, app };
 export default Framework7Svelte;

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "framework7-svelte",
-  "version": "7.0.0-beta.10",
+  "version": "7.0.0-beta.15",
   "description": "Build full featured iOS & Android apps using Framework7 & Svelte",
   "type": "module",
+  "svelte": "./framework7-svelte.js",
   "exports": {
     ".": "./framework7-svelte.js",
     "./components/*": "./components/*"
@@ -23,6 +24,7 @@
     "ipad",
     "apple",
     "phonegap",
+    "capacitor",
     "native",
     "touch",
     "appstore",