framework7-svelte 7.0.0-beta.2 → 7.0.0-beta.20

package/components/pie-chart.svelte

@@ -1,8 +1,8 @@
 <script>
   import { createEventDispatcher, onDestroy } from 'svelte';
-  import { classNames, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app } from '../shared/f7';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app } from '../shared/f7.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/popover.svelte

@@ -1,10 +1,10 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
-  import { modalStateClasses } from '../shared/modal-state-classes';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
+  import { modalStateClasses } from '../shared/modal-state-classes.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/popup.svelte

@@ -1,10 +1,10 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
-  import { modalStateClasses } from '../shared/modal-state-classes';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
+  import { modalStateClasses } from '../shared/modal-state-classes.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/preloader.svelte

@@ -1,8 +1,8 @@
 <script>
-  import { restProps } from '../shared/rest-props';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames } from '../shared/utils';
-  import { useTheme } from '../shared/use-theme';
+  import { restProps } from '../shared/rest-props.js';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames } from '../shared/utils.js';
+  import { useTheme } from '../shared/use-theme.js';
 
   export let style = undefined;
 

package/components/progressbar.svelte

@@ -1,8 +1,8 @@
 <script>
-  import { colorClasses } from '../shared/mixins';
-  import { classNames } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app } from '../shared/f7';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app } from '../shared/f7.js';
 
   let className = undefined;
   export { className as class };

package/components/radio.svelte

@@ -1,8 +1,8 @@
 <script>
   import { createEventDispatcher } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 
@@ -41,7 +41,8 @@
     {disabled}
     {readonly}
     {checked}
-    on:change={onChange} />
+    on:change={onChange}
+  />
   <i class="icon-radio" />
   <slot />
 </label>

package/components/range.svelte

@@ -1,9 +1,9 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, noUndefinedProps, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, noUndefinedProps, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/routable-modals.svelte

@@ -1,6 +1,6 @@
 <script>
   import { onMount, onDestroy, afterUpdate, tick } from 'svelte'; // eslint-disable-line
-  import { app } from '../shared/f7';
+  import { app } from '../shared/f7.js';
 
   let modals = [];
   let el;

package/components/row.svelte

@@ -1,9 +1,9 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/searchbar.svelte

@@ -1,9 +1,9 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, noUndefinedProps, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, noUndefinedProps, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/segmented.svelte

@@ -1,7 +1,7 @@
 <script>
-  import { colorClasses } from '../shared/mixins';
-  import { classNames } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
 
   let className = undefined;
   export { className as class };

package/components/sheet.svelte

@@ -1,10 +1,10 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
-  import { modalStateClasses } from '../shared/modal-state-classes';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
+  import { modalStateClasses } from '../shared/modal-state-classes.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 
@@ -34,6 +34,7 @@
   const state = {
     isOpened: opened,
     isClosing: false,
+    swipeStep: false,
   };
 
   export function instance() {
@@ -53,7 +54,9 @@
     `sheet-modal-${positionComputed}`,
     {
       'sheet-modal-push': push,
+      'modal-in-swipe-step': state.swipeStep,
     },
+
     modalStateClasses(state),
     colorClasses($$props),
   );
@@ -117,6 +120,10 @@
         stepOpen: onStepOpen,
         stepClose: onStepClose,
         stepProgress: onStepProgress,
+        // eslint-disable-next-line
+        _swipeStep(isSwipeStep) {
+          state.swipeStep = isSwipeStep;
+        },
       },
     };
     if (typeof backdrop !== 'undefined') params.backdrop = backdrop;

package/components/skeleton-avatar.d.ts

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

package/components/skeleton-avatar.js

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

package/components/skeleton-block.d.ts

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

package/components/skeleton-block.js

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

package/components/skeleton-image.d.ts

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

package/components/skeleton-image.js

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

package/components/skeleton-text.d.ts

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

package/components/skeleton-text.js

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

package/components/stepper.svelte

@@ -1,9 +1,9 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, noUndefinedProps, plainText, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, noUndefinedProps, plainText, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/subnavbar.svelte

@@ -1,7 +1,7 @@
 <script>
-  import { colorClasses } from '../shared/mixins';
-  import { classNames } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
 
   let className = undefined;
   export { className as class };

package/components/swipeout-actions.svelte

@@ -1,7 +1,7 @@
 <script>
-  import { colorClasses } from '../shared/mixins';
-  import { classNames } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
 
   let className = undefined;
   export { className as class };

package/components/swipeout-button.svelte

@@ -1,9 +1,9 @@
 <script>
   import { createEventDispatcher } from 'svelte';
 
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, plainText, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, plainText, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 
@@ -40,7 +40,8 @@
   data-confirm-title={confirmTitle || undefined}
   class={classes}
   on:click={onClick}
-  {...restProps($$restProps)}>
+  {...restProps($$restProps)}
+>
   {plainText(text)}
   <slot />
 </a>

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/tab.svelte

@@ -1,11 +1,11 @@
 <script>
   import { onMount, onDestroy, afterUpdate, createEventDispatcher, tick, getContext } from 'svelte';
 
-  import { restProps } from '../shared/rest-props';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, createEmitter, getComponentId } from '../shared/utils';
-  import { f7ready, app } from '../shared/f7';
-  import { useTab } from '../shared/use-tab';
+  import { restProps } from '../shared/rest-props.js';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, createEmitter, getComponentId } from '../shared/utils.js';
+  import { f7ready, app } from '../shared/f7.js';
+  import { useTab } from '../shared/use-tab.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/tabs.svelte

@@ -1,9 +1,9 @@
 <script>
   import { onMount } from 'svelte';
 
-  import { restProps } from '../shared/rest-props';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames } from '../shared/utils';
+  import { restProps } from '../shared/rest-props.js';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames } from '../shared/utils.js';
 
   let className = undefined;
   export { className as class };

package/components/text-editor.svelte

@@ -1,9 +1,9 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, noUndefinedProps, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, noUndefinedProps, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/toggle.svelte

@@ -1,10 +1,10 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
-  import { useTooltip } from '../shared/use-tooltip';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
+  import { useTooltip } from '../shared/use-tooltip.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/toolbar.svelte

@@ -1,11 +1,11 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy, afterUpdate } from 'svelte';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
-  import { useTheme } from '../shared/use-theme';
-  import { setReactiveContext } from '../shared/set-reactive-context';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
+  import { useTheme } from '../shared/use-theme.js';
+  import { setReactiveContext } from '../shared/set-reactive-context.js';
 
   const emit = createEmitter(createEventDispatcher, $$props);
 

package/components/treeview-item.svelte

@@ -6,11 +6,11 @@
     routerClasses,
     actionsClasses,
     actionsAttrs,
-  } from '../shared/mixins';
-  import { classNames, extend, plainText, createEmitter } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
-  import { app, f7ready } from '../shared/f7';
-  import { useIcon } from '../shared/use-icon';
+  } from '../shared/mixins.js';
+  import { classNames, extend, plainText, createEmitter } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
+  import { app, f7ready } from '../shared/f7.js';
+  import { useIcon } from '../shared/use-icon.js';
 
   import UseIcon from './use-icon.svelte';
 

package/components/treeview.svelte

@@ -1,7 +1,7 @@
 <script>
-  import { colorClasses } from '../shared/mixins';
-  import { classNames } from '../shared/utils';
-  import { restProps } from '../shared/rest-props';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames } from '../shared/utils.js';
+  import { restProps } from '../shared/rest-props.js';
 
   let className = undefined;
   export { className as class };

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

@@ -1,10 +1,10 @@
 <script>
   import { onMount, onDestroy, afterUpdate, createEventDispatcher, tick } from 'svelte';
-  import { app, f7ready } from '../shared/f7';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames, noUndefinedProps, createEmitter, getRouterId } from '../shared/utils';
-  import { getRouterInitialComponent } from '../shared/get-router-initial-component';
-  import { useTab } from '../shared/use-tab';
+  import { app, f7ready } from '../shared/f7.js';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames, noUndefinedProps, createEmitter, getRouterId } from '../shared/utils.js';
+  import { getRouterInitialComponent } from '../shared/get-router-initial-component.js';
+  import { useTab } from '../shared/use-tab.js';
 
   import RouterContextProvider from './router-context-provider.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/components/views.svelte

@@ -1,7 +1,7 @@
 <script>
-  import { restProps } from '../shared/rest-props';
-  import { colorClasses } from '../shared/mixins';
-  import { classNames } from '../shared/utils';
+  import { restProps } from '../shared/rest-props.js';
+  import { colorClasses } from '../shared/mixins.js';
+  import { classNames } from '../shared/utils.js';
 
   export let tabs = false;
 

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,17 +1,17 @@
 /**
- * Framework7 Svelte 7.0.0-beta.2
+ * Framework7 Svelte 7.0.0-beta.20
  * 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 4, 2021
+ * Released on: April 15, 2022
  */
-import Framework7Svelte from './shared/plugin';
-import { f7, f7ready, theme, app } from './shared/f7';
-import { useStore } from './shared/use-store';
+import Framework7Svelte from './shared/plugin.js';
+import { f7, f7ready, theme, app } from './shared/f7.js';
+import { useStore } from './shared/use-store.js';
 
 import AccordionContent from './components/accordion-content.svelte';
 import AccordionItem from './components/accordion-item.svelte';
@@ -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.2",
+  "version": "7.0.0-beta.20",
   "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",