framework7-svelte 7.1.5 → 8.0.0-beta.2

package/components/messagebar-sheet-image.svelte

@@ -16,7 +16,7 @@
 
   $: classes = classNames(className, 'messagebar-sheet-image', 'checkbox', colorClasses($$props));
 
-  $: styles = `${image ? `background-image: url(${image});` : ''}${style || ''}`;
+  $: styles = `${style || ''}`;
 
   function onChange(event) {
     if (event.target.checked) emit('checked', [event]);
@@ -29,5 +29,8 @@
 <label class={classes} style={styles} {...restProps($$restProps)}>
   <input type="checkbox" {checked} on:change={onChange} />
   <i class="icon icon-checkbox" />
+  {#if image}
+    <img src={image} alt="" />
+  {/if}
   <slot />
 </label>

package/components/navbar.d.ts

@@ -11,8 +11,7 @@ interface NavbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['d
   title ?: string;
   subtitle ?: string;
   hidden ?: boolean;
-  noShadow ?: boolean;
-  noHairline ?: boolean;
+  outline ?: boolean;
   innerClass ?: string;
   innerClassName ?: string;
   large ?: boolean;

package/components/navbar.svelte

@@ -23,8 +23,7 @@
   export let title = undefined;
   export let subtitle = undefined;
   export let hidden = false;
-  export let noShadow = false;
-  export let noHairline = false;
+  export let outline = true;
   export let innerClass = undefined;
   export let innerClassName = undefined;
   export let large = false;
@@ -67,9 +66,7 @@
   $: hasTitleLargeSlots = $$slots['title-large'];
 
   $: addLeftTitleClass = theme && theme.ios && app.f7 && !app.f7.params.navbar.iosCenterTitle;
-  $: addCenterTitleClass =
-    (theme && theme.md && app.f7 && app.f7.params.navbar.mdCenterTitle) ||
-    (theme && theme.aurora && app.f7 && app.f7.params.navbar.auroraCenterTitle);
+  $: addCenterTitleClass = theme && theme.md && app.f7 && app.f7.params.navbar.mdCenterTitle;
 
   $: isLarge = large || largeTransparent;
   $: isTransparent = transparent || (isLarge && largeTransparent);
@@ -89,8 +86,7 @@
       'navbar-master-detail': routerNavbarRole === 'detail',
       'navbar-master-detail-root': routerNavbarRoleDetailRoot === true,
       'navbar-master-stacked': routerNavbarMasterStack === true,
-      'no-shadow': noShadow,
-      'no-hairline': noHairline,
+      'no-outline': !outline,
     },
     colorClasses($$props),
   );

package/components/page.d.ts

@@ -4,7 +4,6 @@ import { SvelteComponentTyped } from 'svelte';
 
 interface PageProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
   name ?: string;
-  stacked ?: boolean;
   withSubnavbar ?: boolean;
   subnavbar ?: boolean;
   withNavbarLarge ?: boolean;

package/components/page.svelte

@@ -11,7 +11,6 @@
 
   // Props
   export let name = undefined;
-  export let stacked = undefined;
   export let withSubnavbar = undefined;
   export let subnavbar = undefined;
   export let withNavbarLarge = undefined;
@@ -47,7 +46,6 @@
   let hasNavbarLargeCollapsed = false;
   let hasCardExpandableOpened = false;
   let routerPositionClass = '';
-  let routerForceUnstack = false;
   let routerPageRole = null;
   let routerPageRoleDetailRoot = false;
   let routerPageMasterStack = false;
@@ -65,7 +63,6 @@
     'page',
     routerPositionClass,
     {
-      stacked: stacked && !routerForceUnstack,
       tabs,
       'page-with-subnavbar': subnavbar || withSubnavbar || forceSubnavbar,
       'page-with-navbar-large': navbarLarge || withNavbarLarge || forceNavbarLarge,
@@ -180,15 +177,7 @@
     if (el !== page.el) return;
     emit('pageBeforeUnmount', [page]);
   }
-  // Helper events
-  function onPageStack(pageEl) {
-    if (el !== pageEl) return;
-    routerForceUnstack = false;
-  }
-  function onPageUnstack(pageEl) {
-    if (el !== pageEl) return;
-    routerForceUnstack = true;
-  }
+
   function onPagePosition(pageEl, position) {
     if (el !== pageEl) return;
     routerPositionClass = `page-${position}`;
@@ -243,8 +232,6 @@
     app.f7.on('pageAfterIn', onPageAfterIn);
     app.f7.on('pageBeforeRemove', onPageBeforeRemove);
     app.f7.on('pageBeforeUnmount', onPageBeforeUnmount);
-    app.f7.on('pageStack', onPageStack);
-    app.f7.on('pageUnstack', onPageUnstack);
     app.f7.on('pagePosition', onPagePosition);
     app.f7.on('pageRole', onPageRole);
     app.f7.on('pageMasterStack', onPageMasterStack);
@@ -266,8 +253,6 @@
     app.f7.off('pageAfterIn', onPageAfterIn);
     app.f7.off('pageBeforeRemove', onPageBeforeRemove);
     app.f7.off('pageBeforeUnmount', onPageBeforeUnmount);
-    app.f7.off('pageStack', onPageStack);
-    app.f7.off('pageUnstack', onPageUnstack);
     app.f7.off('pagePosition', onPagePosition);
     app.f7.off('pageRole', onPageRole);
     app.f7.off('pageMasterStack', onPageMasterStack);

package/components/panel.d.ts

@@ -10,6 +10,7 @@ interface PanelProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['di
   cover ?: boolean;
   reveal ?: boolean;
   push ?: boolean;
+  floating ?: boolean;
   left ?: boolean;
   right ?: boolean;
   opened ?: boolean;

package/components/panel.svelte

@@ -16,6 +16,7 @@
   export let cover = false;
   export let reveal = false;
   export let push = false;
+  export let floating = false;
   export let left = false;
   export let right = false;
   export let opened = false;
@@ -52,7 +53,8 @@
   // eslint-disable-next-line
   $: sideComputed = side || (left ? 'left' : right ? 'right' : 'left');
   // eslint-disable-next-line
-  $: effectComputed = effect || (reveal ? 'reveal' : push ? 'push' : 'cover');
+  $: effectComputed =
+    effect || (reveal ? 'reveal' : push ? 'push' : floating ? 'floating' : 'cover');
   $: classes = classNames(
     className,
     'panel',

package/components/popover.d.ts

@@ -8,6 +8,7 @@ interface PopoverProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['
   opened ?: boolean;
   animate ?: boolean;
   targetEl ?: string | object;
+  angle ?: boolean;
   backdrop ?: boolean;
   backdropEl ?: string | object;
   closeByBackdropClick ?: boolean;

package/components/popover.svelte

@@ -15,6 +15,7 @@
   export let opened = undefined;
   export let animate = undefined;
   export let targetEl = undefined;
+  export let angle = undefined;
   export let backdrop = undefined;
   export let backdropEl = undefined;
   export let closeByBackdropClick = undefined;
@@ -94,6 +95,7 @@
     if (typeof closeByOutsideClick !== 'undefined')
       params.closeByOutsideClick = closeByOutsideClick;
     if (typeof closeOnEscape !== 'undefined') params.closeOnEscape = closeOnEscape;
+    if (typeof angle !== 'undefined') params.angle = angle;
     if (typeof backdrop !== 'undefined') params.backdrop = backdrop;
     if (typeof backdropEl !== 'undefined') params.backdropEl = backdropEl;
     if (typeof containerEl !== 'undefined') params.containerEl = containerEl;

package/components/popup.svelte

@@ -126,7 +126,7 @@
     f7ready(() => {
       f7Popup = app.f7.popup.create(popupParams);
       if (opened) {
-        f7Popup.open(false);
+        f7Popup.open(false, true);
       }
     });
   });

package/components/preloader.svelte

@@ -24,7 +24,13 @@
       : '')
   ).replace(';;', ';');
 
-  $: classes = classNames(className, 'preloader', colorClasses($$props));
+  $: classes = classNames(
+    className,
+    {
+      preloader: true,
+    },
+    colorClasses($$props),
+  );
 </script>
 
 <span style={preloaderStyle} class={classes} {...restProps($$restProps)}>
@@ -45,7 +51,5 @@
       <span class="preloader-inner-line" />
       <span class="preloader-inner-line" />
     </span>
-  {:else if theme && theme.aurora}
-    <span class="preloader-inner"> <span class="preloader-inner-circle" /> </span>
   {:else}<span class="preloader-inner" />{/if}
 </span>

package/components/searchbar.d.ts

@@ -5,8 +5,7 @@ import { Searchbar } from 'framework7/types';
 
 
 interface SearchbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
-  noShadow ?: boolean;
-  noHairline ?: boolean;
+  outline ?: boolean;
   form ?: boolean;
   placeholder ?: string;
   disableButton ?: boolean;

package/components/searchbar.svelte

@@ -10,8 +10,7 @@
   let className = undefined;
   export { className as class };
 
-  export let noShadow = false;
-  export let noHairline = false;
+  export let outline = true;
   export let form = true;
   export let placeholder = 'Search';
   export let autocomplete = undefined;
@@ -32,7 +31,7 @@
   export let searchIn = '.item-title';
   export let searchItem = 'li';
   export let searchGroup = '.list-group';
-  export let searchGroupTitle = '.item-divider, .list-group-title';
+  export let searchGroupTitle = '.list-group-title';
   export let foundEl = '.searchbar-found';
   export let notFoundEl = '.searchbar-not-found';
   export let backdrop = undefined;
@@ -80,8 +79,7 @@
     'searchbar',
     {
       'searchbar-inline': inline,
-      'no-shadow': noShadow,
-      'no-hairline': noHairline,
+      'no-outline': !outline,
       'searchbar-expandable': expandable,
     },
     colorClasses($$props),

package/components/segmented.d.ts

@@ -6,15 +6,12 @@ interface SegmentedProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
   raised ?: boolean;
   raisedIos ?: boolean;
   raisedMd ?: boolean;
-  raisedAurora ?: boolean;
   round ?: boolean;
   roundIos ?: boolean;
   roundMd ?: boolean;
-  roundAurora ?: boolean;
   strong ?: boolean;
   strongIos ?: boolean;
   strongMd ?: boolean;
-  strongAurora ?: boolean;
   tag ?: string;
   children?: React.ReactNode;
   color?: string;

package/components/segmented.svelte

@@ -9,15 +9,12 @@
   export let raised = false;
   export let raisedIos = false;
   export let raisedMd = false;
-  export let raisedAurora = false;
   export let round = false;
   export let roundIos = false;
   export let roundMd = false;
-  export let roundAurora = false;
   export let strong = false;
   export let strongIos = false;
   export let strongMd = false;
-  export let strongAurora = false;
   export let tag = 'div';
 
   $: classes = classNames(
@@ -26,16 +23,13 @@
       segmented: true,
       'segmented-raised': raised,
       'segmented-raised-ios': raisedIos,
-      'segmented-raised-aurora': raisedAurora,
       'segmented-raised-md': raisedMd,
       'segmented-round': round,
       'segmented-round-ios': roundIos,
-      'segmented-round-aurora': roundAurora,
       'segmented-round-md': roundMd,
       'segmented-strong': strong,
       'segmented-strong-ios': strongIos,
       'segmented-strong-md': strongMd,
-      'segmented-strong-aurora': strongAurora,
     },
     colorClasses($$props),
   );
@@ -44,11 +38,11 @@
 {#if tag === 'div'}
   <div class={classes} {...restProps($$restProps)}>
     <slot />
-    {#if strong || strongIos || strongMd || strongAurora}<span class="segmented-highlight" />{/if}
+    {#if strong || strongIos || strongMd}<span class="segmented-highlight" />{/if}
   </div>
 {:else if tag === 'p'}
   <p class={classes} {...restProps($$restProps)}>
     <slot />
-    {#if strong || strongIos || strongMd || strongAurora}<span class="segmented-highlight" />{/if}
+    {#if strong || strongIos || strongMd}<span class="segmented-highlight" />{/if}
   </p>
 {/if}

package/components/stepper.d.ts

@@ -27,23 +27,18 @@ interface StepperProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['
   round ?: boolean;
   roundMd ?: boolean;
   roundIos ?: boolean;
-  roundAurora ?: boolean;
   fill ?: boolean;
   fillMd ?: boolean;
   fillIos ?: boolean;
-  fillAurora ?: boolean;
   large ?: boolean;
   largeMd ?: boolean;
   largeIos ?: boolean;
-  largeAurora ?: boolean;
   small ?: boolean;
   smallMd ?: boolean;
   smallIos ?: boolean;
-  smallAurora ?: boolean;
   raised ?: boolean;
   raisedMd ?: boolean;
   raisedIos ?: boolean;
-  raisedAurora ?: boolean;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/stepper.svelte

@@ -33,23 +33,18 @@
   export let round = false;
   export let roundMd = false;
   export let roundIos = false;
-  export let roundAurora = false;
   export let fill = false;
   export let fillMd = false;
   export let fillIos = false;
-  export let fillAurora = false;
   export let large = false;
   export let largeMd = false;
   export let largeIos = false;
-  export let largeAurora = false;
   export let small = false;
   export let smallMd = false;
   export let smallIos = false;
-  export let smallAurora = false;
   export let raised = false;
   export let raisedMd = false;
   export let raisedIos = false;
-  export let raisedAurora = false;
 
   let el;
   let f7Stepper;
@@ -66,23 +61,18 @@
       'stepper-round': round,
       'stepper-round-ios': roundIos,
       'stepper-round-md': roundMd,
-      'stepper-round-aurora': roundAurora,
       'stepper-fill': fill,
       'stepper-fill-ios': fillIos,
       'stepper-fill-md': fillMd,
-      'stepper-fill-aurora': fillAurora,
       'stepper-large': large,
       'stepper-large-ios': largeIos,
       'stepper-large-md': largeMd,
-      'stepper-large-aurora': largeAurora,
       'stepper-small': small,
       'stepper-small-ios': smallIos,
       'stepper-small-md': smallMd,
-      'stepper-small-aurora': smallAurora,
       'stepper-raised': raised,
       'stepper-raised-ios': raisedIos,
       'stepper-raised-md': raisedMd,
-      'stepper-raised-aurora': raisedAurora,
     },
     colorClasses($$props),
   );

package/components/toolbar.d.ts

@@ -4,20 +4,16 @@ import { SvelteComponentTyped } from 'svelte';
 
 interface ToolbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
   tabbar ?: boolean;
-  labels ?: boolean;
+  icons ?: boolean;
   scrollable ?: boolean;
   hidden ?: boolean;
-  noShadow ?: boolean;
-  noHairline ?: boolean;
-  noBorder ?: boolean;
+  outline ?: boolean;
   position ?: string;
   topMd ?: boolean;
   topIos ?: boolean;
-  topAurora ?: boolean;
   top ?: boolean;
   bottomMd ?: boolean;
   bottomIos ?: boolean;
-  bottomAurora ?: boolean;
   bottom ?: boolean;
   inner ?: boolean;
   color?: string;

package/components/toolbar.svelte

@@ -13,20 +13,16 @@
   export { className as class };
 
   export let tabbar = false;
-  export let labels = false;
+  export let icons = false;
   export let scrollable = false;
   export let hidden = false;
-  export let noShadow = false;
-  export let noHairline = false;
-  export let noBorder = false;
+  export let outline = true;
   export let position = undefined;
   export let topMd = undefined;
   export let topIos = undefined;
-  export let topAurora = undefined;
   export let top = undefined;
   export let bottomMd = undefined;
   export let bottomIos = undefined;
-  export let bottomAurora = undefined;
   export let bottom = undefined;
   export let inner = true;
 
@@ -38,7 +34,7 @@
   });
 
   setReactiveContext('TabbarContext', () => ({
-    tabbarHasLabels: labels,
+    tabbarHasIcons: icons,
   }));
 
   $: classes = classNames(
@@ -49,20 +45,14 @@
       'toolbar-bottom':
         (theme && theme.md && bottomMd) ||
         (theme && theme.ios && bottomIos) ||
-        (theme && theme.aurora && bottomAurora) ||
         bottom ||
         position === 'bottom',
       'toolbar-top':
-        (theme && theme.md && topMd) ||
-        (theme && theme.ios && topIos) ||
-        (theme && theme.aurora && topAurora) ||
-        top ||
-        position === 'top',
-      'tabbar-labels': labels,
+        (theme && theme.md && topMd) || (theme && theme.ios && topIos) || top || position === 'top',
+      'tabbar-icons': icons,
       'tabbar-scrollable': scrollable,
       'toolbar-hidden': hidden,
-      'no-shadow': noShadow,
-      'no-hairline': noHairline || noBorder,
+      'no-outline': !outline,
     },
     colorClasses($$props),
   );

package/components/treeview-item.d.ts

@@ -62,7 +62,6 @@ interface TreeviewItemProps extends svelte.JSX.HTMLAttributes<HTMLElementTagName
   iconF7?: string;
   iconIos?: string;
   iconMd?: string;
-  iconAurora?: string;
   iconColor?: string;
   iconSize?: string | number;
   onClick ?: (event?: any) => void;

package/components/view.d.ts

@@ -13,7 +13,6 @@ interface ViewProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
   linksView ?: Object | string;
   url ?: string;
   main ?: boolean;
-  stackPages ?: boolean;
   xhrCache ?: boolean;
   xhrCacheIgnore ?: Array<any>;
   xhrCacheIgnoreGetParameters ?: boolean;
@@ -39,11 +38,6 @@ interface ViewProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
   mdSwipeBackAnimateOpacity ?: boolean;
   mdSwipeBackActiveArea ?: number;
   mdSwipeBackThreshold ?: number;
-  auroraSwipeBack ?: boolean;
-  auroraSwipeBackAnimateShadow ?: boolean;
-  auroraSwipeBackAnimateOpacity ?: boolean;
-  auroraSwipeBackActiveArea ?: number;
-  auroraSwipeBackThreshold ?: number;
   browserHistory ?: boolean;
   browserHistoryRoot ?: string;
   browserHistoryAnimate ?: boolean;

package/framework7-svelte.d.ts

@@ -10,7 +10,6 @@ import ActionsGroup from './components/actions-group.js';
 import ActionsLabel from './components/actions-label.js';
 import Actions from './components/actions.js';
 import App from './components/app.js';
-import Appbar from './components/appbar.js';
 import AreaChart from './components/area-chart.js';
 import Badge from './components/badge.js';
 import BlockFooter from './components/block-footer.js';
@@ -28,7 +27,6 @@ import CardHeader from './components/card-header.js';
 import Card from './components/card.js';
 import Checkbox from './components/checkbox.js';
 import Chip from './components/chip.js';
-import Col from './components/col.js';
 import FabBackdrop from './components/fab-backdrop.js';
 import FabButton from './components/fab-button.js';
 import FabButtons from './components/fab-buttons.js';
@@ -41,16 +39,10 @@ import ListButton from './components/list-button.js';
 import ListGroup from './components/list-group.js';
 import ListIndex from './components/list-index.js';
 import ListInput from './components/list-input.js';
-import ListItemCell from './components/list-item-cell.js';
-import ListItemRow from './components/list-item-row.js';
 import ListItem from './components/list-item.js';
 import List from './components/list.js';
 import LoginScreenTitle from './components/login-screen-title.js';
 import LoginScreen from './components/login-screen.js';
-import MenuDropdownItem from './components/menu-dropdown-item.js';
-import MenuDropdown from './components/menu-dropdown.js';
-import MenuItem from './components/menu-item.js';
-import Menu from './components/menu.js';
 import Message from './components/message.js';
 import MessagebarAttachment from './components/messagebar-attachment.js';
 import MessagebarAttachments from './components/messagebar-attachments.js';
@@ -78,7 +70,6 @@ import Radio from './components/radio.js';
 import Range from './components/range.js';
 import RoutableModals from './components/routable-modals.js';
 import RouterContextProvider from './components/router-context-provider.js';
-import Row from './components/row.js';
 import Searchbar from './components/searchbar.js';
 import Segmented from './components/segmented.js';
 import Sheet from './components/sheet.js';
@@ -90,8 +81,6 @@ import Stepper from './components/stepper.js';
 import Subnavbar from './components/subnavbar.js';
 import SwipeoutActions from './components/swipeout-actions.js';
 import SwipeoutButton from './components/swipeout-button.js';
-import SwiperSlide from './components/swiper-slide.js';
-import Swiper from './components/swiper.js';
 import Tab from './components/tab.js';
 import Tabs from './components/tabs.js';
 import TextEditor from './components/text-editor.js';
@@ -106,10 +95,9 @@ import Views from './components/views.js';
 export interface Framework7Theme {
   ios: boolean;
   md: boolean;
-  aurora: boolean;
 }
 
-/** Object with boolean properties with information about currently used theme (iOS, MD or Aurora) */
+/** Object with boolean properties with information about currently used theme (`ios` or `md`) */
 declare const theme: Framework7Theme;
 
 /** Main Framework7's initialized instance. It allows you to use any of Framework7 APIs */
@@ -134,6 +122,6 @@ interface app {
 
 declare const app: app;
 
-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 { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItem, List, LoginScreenTitle, LoginScreen, 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, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
 export { f7, f7ready, theme, useStore, app };
 export default Framework7Svelte;

package/framework7-svelte.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 Svelte 7.1.5
+ * Framework7 Svelte 8.0.0-beta.2
  * Build full featured iOS & Android apps using Framework7 & Svelte
  * https://framework7.io/svelte/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: February 2, 2023
+ * Released on: February 7, 2023
  */
 import Framework7Svelte from './shared/plugin.js';
 import { f7, f7ready, theme, app } from './shared/f7.js';
@@ -22,7 +22,6 @@ import ActionsGroup from './components/actions-group.svelte';
 import ActionsLabel from './components/actions-label.svelte';
 import Actions from './components/actions.svelte';
 import App from './components/app.svelte';
-import Appbar from './components/appbar.svelte';
 import AreaChart from './components/area-chart.svelte';
 import Badge from './components/badge.svelte';
 import BlockFooter from './components/block-footer.svelte';
@@ -40,7 +39,6 @@ import CardHeader from './components/card-header.svelte';
 import Card from './components/card.svelte';
 import Checkbox from './components/checkbox.svelte';
 import Chip from './components/chip.svelte';
-import Col from './components/col.svelte';
 import FabBackdrop from './components/fab-backdrop.svelte';
 import FabButton from './components/fab-button.svelte';
 import FabButtons from './components/fab-buttons.svelte';
@@ -53,16 +51,10 @@ import ListButton from './components/list-button.svelte';
 import ListGroup from './components/list-group.svelte';
 import ListIndex from './components/list-index.svelte';
 import ListInput from './components/list-input.svelte';
-import ListItemCell from './components/list-item-cell.svelte';
-import ListItemRow from './components/list-item-row.svelte';
 import ListItem from './components/list-item.svelte';
 import List from './components/list.svelte';
 import LoginScreenTitle from './components/login-screen-title.svelte';
 import LoginScreen from './components/login-screen.svelte';
-import MenuDropdownItem from './components/menu-dropdown-item.svelte';
-import MenuDropdown from './components/menu-dropdown.svelte';
-import MenuItem from './components/menu-item.svelte';
-import Menu from './components/menu.svelte';
 import Message from './components/message.svelte';
 import MessagebarAttachment from './components/messagebar-attachment.svelte';
 import MessagebarAttachments from './components/messagebar-attachments.svelte';
@@ -90,7 +82,6 @@ import Radio from './components/radio.svelte';
 import Range from './components/range.svelte';
 import RoutableModals from './components/routable-modals.svelte';
 import RouterContextProvider from './components/router-context-provider.svelte';
-import Row from './components/row.svelte';
 import Searchbar from './components/searchbar.svelte';
 import Segmented from './components/segmented.svelte';
 import Sheet from './components/sheet.svelte';
@@ -102,8 +93,6 @@ import Stepper from './components/stepper.svelte';
 import Subnavbar from './components/subnavbar.svelte';
 import SwipeoutActions from './components/swipeout-actions.svelte';
 import SwipeoutButton from './components/swipeout-button.svelte';
-import SwiperSlide from './components/swiper-slide.js';
-import Swiper from './components/swiper.js';
 import Tab from './components/tab.svelte';
 import Tabs from './components/tabs.svelte';
 import TextEditor from './components/text-editor.svelte';
@@ -115,6 +104,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, 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 { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItem, List, LoginScreenTitle, LoginScreen, 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, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
 export { f7, f7ready, theme, useStore, app };
 export default Framework7Svelte;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-svelte",
-  "version": "7.1.5",
+  "version": "8.0.0-beta.2",
   "description": "Build full featured iOS & Android apps using Framework7 & Svelte",
   "type": "module",
   "svelte": "./framework7-svelte.js",