framework7-svelte 7.0.0-beta.8 → 7.0.0

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

@@ -12,6 +12,7 @@
 
   export let side = undefined;
   export let effect = undefined;
+  // svelte-ignore unused-export-let
   export let cover = false;
   export let reveal = false;
   export let push = false;

package/components/sheet.svelte

@@ -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/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.8
+ * Framework7 Svelte 7.0.0
  * 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 13, 2021
+ * Released on: April 15, 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.8",
+  "version": "7.0.0",
   "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",

package/shared/components-router.js

@@ -26,13 +26,14 @@ export default {
       return routerOpenIn(router, navigateUrl, options);
     },
 
-    pageComponentLoader({
-      routerEl,
-      component,
-      options,
-      resolve,
-      reject
-    }) {
+    pageComponentLoader(_ref) {
+      let {
+        routerEl,
+        component,
+        options,
+        resolve,
+        reject
+      } = _ref;
       const router = this;
       const routerId = router.id;
       const el = routerEl;
@@ -117,13 +118,14 @@ export default {
       }
     },
 
-    tabComponentLoader({
-      tabEl,
-      component,
-      options,
-      resolve,
-      reject
-    } = {}) {
+    tabComponentLoader(_temp) {
+      let {
+        tabEl,
+        component,
+        options,
+        resolve,
+        reject
+      } = _temp === void 0 ? {} : _temp;
       const router = this;
       if (!tabEl) reject();
       let tabRouter;
@@ -179,12 +181,13 @@ export default {
       tabRouter.setTabContent(null);
     },
 
-    modalComponentLoader({
-      component,
-      options,
-      resolve,
-      reject
-    } = {}) {
+    modalComponentLoader(_temp2) {
+      let {
+        component,
+        options,
+        resolve,
+        reject
+      } = _temp2 === void 0 ? {} : _temp2;
       const router = this;
       const modalsRouter = app.f7routers.modals;
 

package/shared/f7.js

@@ -1,27 +1,27 @@
 /* eslint-disable import/no-mutable-exports */
 // eslint-disable-next-line
-import Framework7 from 'framework7/lite';
 import { extend, unsetRouterIds } from './utils.js';
 let f7;
-const theme = {}; // eslint-disable-next-line
-
-if (!Framework7.__app__) {
-  // eslint-disable-next-line
-  Framework7.__app__ = {
-    f7: undefined,
-    f7events: undefined,
-    theme: {},
-    f7routers: {
-      views: [],
-      tabs: [],
-      modals: null
-    }
-  };
+const theme = {};
+/* eslint-disable no-restricted-globals */
+
+const app = typeof window !== 'undefined' && window.Framework7ComponentsApp ? window.Framework7ComponentsApp : {
+  Framework7: undefined,
+  f7: undefined,
+  f7events: undefined,
+  theme: {},
+  f7routers: {
+    views: [],
+    tabs: [],
+    modals: null
+  }
+};
+
+if (typeof window !== 'undefined') {
+  window.Framework7ComponentsApp = app;
 }
+/* eslint-enable no-restricted-globals */
 
-const {
-  __app__: app
-} = Framework7;
 
 app.setInstance = instance => {
   f7 = instance;
@@ -51,10 +51,18 @@ const cleanup = () => {
 };
 
 const f7initEvents = () => {
-  app.f7events = new Framework7.Events();
+  app.f7events = new app.Framework7.Events();
 };
 
-const f7init = (rootEl, params = {}, init = true) => {
+const f7init = function (rootEl, params, init) {
+  if (params === void 0) {
+    params = {};
+  }
+
+  if (init === void 0) {
+    init = true;
+  }
+
   const f7Params = extend({}, params, {
     el: rootEl,
     init
@@ -63,7 +71,7 @@ const f7init = (rootEl, params = {}, init = true) => {
   if (!f7Params.routes) f7Params.routes = [];
 
   if (f7Params.userAgent && (f7Params.theme === 'auto' || !f7Params.theme)) {
-    const device = Framework7.getDevice({
+    const device = app.Framework7.getDevice({
       userAgent: f7Params.userAgent
     }, true);
     app.theme.ios = !!device.ios;
@@ -75,7 +83,7 @@ const f7init = (rootEl, params = {}, init = true) => {
   if (app.f7 && typeof window !== 'undefined') return; // eslint-disable-next-line
 
   if (typeof window === 'undefined') cleanup();
-  const instance = new Framework7(f7Params);
+  const instance = new app.Framework7(f7Params);
   app.f7 = instance;
   f7 = instance;
   app.setInstance(instance);

package/shared/modal-state-classes.js

@@ -1,7 +1,8 @@
-export const modalStateClasses = ({
-  isOpened,
-  isClosing
-} = {}) => {
+export const modalStateClasses = function (_temp) {
+  let {
+    isOpened,
+    isClosing
+  } = _temp === void 0 ? {} : _temp;
   return {
     'modal-in': isOpened && !isClosing,
     'modal-out': isClosing

package/shared/plugin.js

@@ -1,12 +1,17 @@
 // eslint-disable-next-line
-import Framework7 from 'framework7/lite';
 import componentsRouter from './components-router.js';
 import { f7ready, theme, app, f7initEvents, setTheme } from './f7.js';
 const Framework7Svelte = {
   name: 'sveltePlugin',
   installed: false,
 
-  install(params = {}) {
+  install(params) {
+    if (params === void 0) {
+      params = {};
+    }
+
+    const Framework7 = this;
+    app.Framework7 = Framework7;
     if (Framework7Svelte.installed) return;
     Framework7Svelte.installed = true;
     f7initEvents();

package/shared/rest-props.js

@@ -1,5 +1,9 @@
 const ignoreProps = ['color', 'colorTheme', 'textColor', 'bgColor', 'borderColor', 'rippleColor', 'dark', 'force', 'reloadCurrent', 'reloadPrevious', 'reloadAll', 'reloadDetail', 'animate', 'ignoreCache', 'routeTabId', 'view', 'transition', 'openIn', 'back', 'linkBack', 'external', 'preventRouter', 'searchbarEnable', 'searchbarDisable', 'searchbarClear', 'searchbarToggle', 'panelOpen', 'panelClose', 'panelToggle', 'popupOpen', 'popupClose', 'actionsOpen', 'actionsClose', 'popoverOpen', 'popoverClose', 'loginScreenOpen', 'loginScreenClose', 'sheetOpen', 'sheetClose', 'sortableEnable', 'sortableDisable', 'sortableToggle', 'cardOpen', 'cardClose'];
-export function restProps(rest = {}) {
+export function restProps(rest) {
+  if (rest === void 0) {
+    rest = {};
+  }
+
   const props = {};
   Object.keys(rest).filter(prop => !ignoreProps.includes(prop)).forEach(key => {
     if (key.indexOf('on') !== 0) {

package/shared/use-icon.js

@@ -1,4 +1,8 @@
-export const useIcon = (props = {}) => {
+export const useIcon = function (props) {
+  if (props === void 0) {
+    props = {};
+  }
+
   const {
     icon,
     iconMaterial,

package/shared/use-store.js

@@ -1,21 +1,21 @@
 // eslint-disable-next-line
 import { onDestroy } from 'svelte';
 import { f7 } from './f7.js';
-export const useStore = (...args) => {
+export const useStore = function () {
   // (store, getter, callback)
-  let store = args[0];
-  let getter = args[1];
-  let callback = args[2];
+  let store = arguments.length <= 0 ? undefined : arguments[0];
+  let getter = arguments.length <= 1 ? undefined : arguments[1];
+  let callback = arguments.length <= 2 ? undefined : arguments[2];
 
-  if (args.length === 1) {
+  if (arguments.length === 1) {
     // (getter)
     store = f7.store;
-    getter = args[0];
-  } else if (args.length === 2 && typeof args[0] === 'string') {
+    getter = arguments.length <= 0 ? undefined : arguments[0];
+  } else if (arguments.length === 2 && typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'string') {
     // (getter, callback)
     store = f7.store;
-    getter = args[0];
-    callback = args[1];
+    getter = arguments.length <= 0 ? undefined : arguments[0];
+    callback = arguments.length <= 1 ? undefined : arguments[1];
   } // eslint-disable-next-line
 
 

package/shared/use-tooltip.js

@@ -17,9 +17,11 @@ export const useTooltip = (el, props) => {
   }
 
   return {
-    update({
-      tooltip: value
-    } = {}) {
+    update(_temp) {
+      let {
+        tooltip: value
+      } = _temp === void 0 ? {} : _temp;
+
       if (!value && f7Tooltip) {
         f7Tooltip.destroy();
         f7Tooltip = null;

package/shared/utils.js

@@ -14,11 +14,15 @@ export function isObject(o) {
 export function now() {
   return Date.now();
 }
-export function extend(...args) {
+export function extend() {
   let deep = true;
   let to;
   let from;
 
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
   if (typeof args[0] === 'boolean') {
     [deep, to] = args;
     args.splice(0, 2);
@@ -57,8 +61,13 @@ export function extend(...args) {
 
   return to;
 }
-export function classNames(...args) {
+export function classNames() {
   const classes = [];
+
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
   args.forEach(arg => {
     if (typeof arg === 'object' && arg.constructor === Object) {
       Object.keys(arg).forEach(key => {