framework7-svelte 6.3.5 → 7.0.0-beta.4

package/esm/framework7-svelte-src.js

@@ -1,105 +0,0 @@
-import Framework7Svelte from './shared/plugin';
-import { f7, f7ready, theme, app } from './shared/f7';
-import { useStore } from './shared/use-store';
-
-import AccordionContent from './svelte/accordion-content.svelte';
-import AccordionItem from './svelte/accordion-item.svelte';
-import AccordionToggle from './svelte/accordion-toggle.svelte';
-import Accordion from './svelte/accordion.svelte';
-import ActionsButton from './svelte/actions-button.svelte';
-import ActionsGroup from './svelte/actions-group.svelte';
-import ActionsLabel from './svelte/actions-label.svelte';
-import Actions from './svelte/actions.svelte';
-import App from './svelte/app.svelte';
-import Appbar from './svelte/appbar.svelte';
-import AreaChart from './svelte/area-chart.svelte';
-import Badge from './svelte/badge.svelte';
-import BlockFooter from './svelte/block-footer.svelte';
-import BlockHeader from './svelte/block-header.svelte';
-import BlockTitle from './svelte/block-title.svelte';
-import Block from './svelte/block.svelte';
-import Button from './svelte/button.svelte';
-import CardContent from './svelte/card-content.svelte';
-import CardFooter from './svelte/card-footer.svelte';
-import CardHeader from './svelte/card-header.svelte';
-import Card from './svelte/card.svelte';
-import Checkbox from './svelte/checkbox.svelte';
-import Chip from './svelte/chip.svelte';
-import Col from './svelte/col.svelte';
-import FabBackdrop from './svelte/fab-backdrop.svelte';
-import FabButton from './svelte/fab-button.svelte';
-import FabButtons from './svelte/fab-buttons.svelte';
-import Fab from './svelte/fab.svelte';
-import Gauge from './svelte/gauge.svelte';
-import Icon from './svelte/icon.svelte';
-import Input from './svelte/input.svelte';
-import Link from './svelte/link.svelte';
-import ListButton from './svelte/list-button.svelte';
-import ListGroup from './svelte/list-group.svelte';
-import ListIndex from './svelte/list-index.svelte';
-import ListInput from './svelte/list-input.svelte';
-import ListItemCell from './svelte/list-item-cell.svelte';
-import ListItemRow from './svelte/list-item-row.svelte';
-import ListItem from './svelte/list-item.svelte';
-import List from './svelte/list.svelte';
-import LoginScreenTitle from './svelte/login-screen-title.svelte';
-import LoginScreen from './svelte/login-screen.svelte';
-import MenuDropdownItem from './svelte/menu-dropdown-item.svelte';
-import MenuDropdown from './svelte/menu-dropdown.svelte';
-import MenuItem from './svelte/menu-item.svelte';
-import Menu from './svelte/menu.svelte';
-import Message from './svelte/message.svelte';
-import MessagebarAttachment from './svelte/messagebar-attachment.svelte';
-import MessagebarAttachments from './svelte/messagebar-attachments.svelte';
-import MessagebarSheetImage from './svelte/messagebar-sheet-image.svelte';
-import MessagebarSheetItem from './svelte/messagebar-sheet-item.svelte';
-import MessagebarSheet from './svelte/messagebar-sheet.svelte';
-import Messagebar from './svelte/messagebar.svelte';
-import MessagesTitle from './svelte/messages-title.svelte';
-import Messages from './svelte/messages.svelte';
-import NavLeft from './svelte/nav-left.svelte';
-import NavRight from './svelte/nav-right.svelte';
-import NavTitleLarge from './svelte/nav-title-large.svelte';
-import NavTitle from './svelte/nav-title.svelte';
-import Navbar from './svelte/navbar.svelte';
-import PageContent from './svelte/page-content.svelte';
-import Page from './svelte/page.svelte';
-import Panel from './svelte/panel.svelte';
-import PhotoBrowser from './svelte/photo-browser.svelte';
-import PieChart from './svelte/pie-chart.svelte';
-import Popover from './svelte/popover.svelte';
-import Popup from './svelte/popup.svelte';
-import Preloader from './svelte/preloader.svelte';
-import Progressbar from './svelte/progressbar.svelte';
-import Radio from './svelte/radio.svelte';
-import Range from './svelte/range.svelte';
-import RoutableModals from './svelte/routable-modals.svelte';
-import RouterContextProvider from './svelte/router-context-provider.svelte';
-import Row from './svelte/row.svelte';
-import Searchbar from './svelte/searchbar.svelte';
-import Segmented from './svelte/segmented.svelte';
-import Sheet from './svelte/sheet.svelte';
-import SkeletonAvatar from './components/skeleton-avatar';
-import SkeletonBlock from './components/skeleton-block';
-import SkeletonImage from './components/skeleton-image';
-import SkeletonText from './components/skeleton-text';
-import Stepper from './svelte/stepper.svelte';
-import Subnavbar from './svelte/subnavbar.svelte';
-import SwipeoutActions from './svelte/swipeout-actions.svelte';
-import SwipeoutButton from './svelte/swipeout-button.svelte';
-import SwiperSlide from './components/swiper-slide';
-import Swiper from './components/swiper';
-import Tab from './svelte/tab.svelte';
-import Tabs from './svelte/tabs.svelte';
-import TextEditor from './svelte/text-editor.svelte';
-import Toggle from './svelte/toggle.svelte';
-import Toolbar from './svelte/toolbar.svelte';
-import TreeviewItem from './svelte/treeview-item.svelte';
-import Treeview from './svelte/treeview.svelte';
-import UseIcon from './svelte/use-icon.svelte';
-import View from './svelte/view.svelte';
-import Views from './svelte/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 { f7, f7ready, theme, useStore, app };
-export default Framework7Svelte;

package/esm/framework7-svelte.js

@@ -1,116 +0,0 @@
-/**
- * Framework7 Svelte 6.3.5
- * Build full featured iOS & Android apps using Framework7 & Svelte
- * https://framework7.io/svelte/
- *
- * Copyright 2014-2021 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: September 30, 2021
- */
-import Framework7Svelte from './shared/plugin';
-import { f7, f7ready, theme, app } from './shared/f7';
-import { useStore } from './shared/use-store';
-
-import AccordionContent from './components/accordion-content';
-import AccordionItem from './components/accordion-item';
-import AccordionToggle from './components/accordion-toggle';
-import Accordion from './components/accordion';
-import ActionsButton from './components/actions-button';
-import ActionsGroup from './components/actions-group';
-import ActionsLabel from './components/actions-label';
-import Actions from './components/actions';
-import App from './components/app';
-import Appbar from './components/appbar';
-import AreaChart from './components/area-chart';
-import Badge from './components/badge';
-import BlockFooter from './components/block-footer';
-import BlockHeader from './components/block-header';
-import BlockTitle from './components/block-title';
-import Block from './components/block';
-import Button from './components/button';
-import CardContent from './components/card-content';
-import CardFooter from './components/card-footer';
-import CardHeader from './components/card-header';
-import Card from './components/card';
-import Checkbox from './components/checkbox';
-import Chip from './components/chip';
-import Col from './components/col';
-import FabBackdrop from './components/fab-backdrop';
-import FabButton from './components/fab-button';
-import FabButtons from './components/fab-buttons';
-import Fab from './components/fab';
-import Gauge from './components/gauge';
-import Icon from './components/icon';
-import Input from './components/input';
-import Link from './components/link';
-import ListButton from './components/list-button';
-import ListGroup from './components/list-group';
-import ListIndex from './components/list-index';
-import ListInput from './components/list-input';
-import ListItemCell from './components/list-item-cell';
-import ListItemRow from './components/list-item-row';
-import ListItem from './components/list-item';
-import List from './components/list';
-import LoginScreenTitle from './components/login-screen-title';
-import LoginScreen from './components/login-screen';
-import MenuDropdownItem from './components/menu-dropdown-item';
-import MenuDropdown from './components/menu-dropdown';
-import MenuItem from './components/menu-item';
-import Menu from './components/menu';
-import Message from './components/message';
-import MessagebarAttachment from './components/messagebar-attachment';
-import MessagebarAttachments from './components/messagebar-attachments';
-import MessagebarSheetImage from './components/messagebar-sheet-image';
-import MessagebarSheetItem from './components/messagebar-sheet-item';
-import MessagebarSheet from './components/messagebar-sheet';
-import Messagebar from './components/messagebar';
-import MessagesTitle from './components/messages-title';
-import Messages from './components/messages';
-import NavLeft from './components/nav-left';
-import NavRight from './components/nav-right';
-import NavTitleLarge from './components/nav-title-large';
-import NavTitle from './components/nav-title';
-import Navbar from './components/navbar';
-import PageContent from './components/page-content';
-import Page from './components/page';
-import Panel from './components/panel';
-import PhotoBrowser from './components/photo-browser';
-import PieChart from './components/pie-chart';
-import Popover from './components/popover';
-import Popup from './components/popup';
-import Preloader from './components/preloader';
-import Progressbar from './components/progressbar';
-import Radio from './components/radio';
-import Range from './components/range';
-import RoutableModals from './components/routable-modals';
-import RouterContextProvider from './components/router-context-provider';
-import Row from './components/row';
-import Searchbar from './components/searchbar';
-import Segmented from './components/segmented';
-import Sheet from './components/sheet';
-import SkeletonAvatar from './components/skeleton-avatar';
-import SkeletonBlock from './components/skeleton-block';
-import SkeletonImage from './components/skeleton-image';
-import SkeletonText from './components/skeleton-text';
-import Stepper from './components/stepper';
-import Subnavbar from './components/subnavbar';
-import SwipeoutActions from './components/swipeout-actions';
-import SwipeoutButton from './components/swipeout-button';
-import SwiperSlide from './components/swiper-slide';
-import Swiper from './components/swiper';
-import Tab from './components/tab';
-import Tabs from './components/tabs';
-import TextEditor from './components/text-editor';
-import Toggle from './components/toggle';
-import Toolbar from './components/toolbar';
-import TreeviewItem from './components/treeview-item';
-import Treeview from './components/treeview';
-import UseIcon from './components/use-icon';
-import View from './components/view';
-import Views from './components/views';
-
-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 { f7, f7ready, theme, useStore, app };
-export default Framework7Svelte;

package/esm/shared/get-reactive-context.js

@@ -1,14 +0,0 @@
-// eslint-disable-next-line
-import { getContext, onDestroy } from 'svelte';
-export var getReactiveContext = function getReactiveContext(name, setValue) {
-  var ctx = getContext(name);
-  if (!ctx) return undefined;
-  var value = ctx.value,
-      subscribe = ctx.subscribe,
-      unsubscribe = ctx.unsubscribe;
-  subscribe(setValue);
-  onDestroy(function () {
-    unsubscribe(setValue);
-  });
-  return value;
-};

package/esm/shared/get-router-initial-component.js

@@ -1,40 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import { getComponentId } from './utils';
-export var getRouterInitialComponent = function getRouterInitialComponent(router, initialComponent) {
-  var initialComponentData;
-
-  var _router$getInitialUrl = router.getInitialUrl(),
-      initialUrl = _router$getInitialUrl.initialUrl;
-
-  var initialRoute = router.findMatchingRoute(initialUrl);
-  var routeProps = {};
-
-  if (initialRoute && initialRoute.route && initialRoute.route.options) {
-    routeProps = initialRoute.route.options.props;
-  }
-
-  var isMasterRoute = function isMasterRoute(route) {
-    if (route.master === true) return true;
-    if (typeof route.master === 'function') return route.master(router.app);
-    return false;
-  };
-
-  if (initialRoute && initialRoute.route && (initialRoute.route.component || initialRoute.route.asyncComponent) && !isMasterRoute(initialRoute.route)) {
-    initialComponentData = {
-      component: initialRoute.route.component || initialRoute.route.asyncComponent,
-      initialComponent: initialComponent,
-      id: getComponentId(),
-      isAsync: !!initialRoute.route.asyncComponent,
-      props: _extends({
-        f7route: initialRoute,
-        f7router: router
-      }, initialRoute.params, routeProps)
-    };
-  }
-
-  return {
-    initialPage: initialComponentData,
-    initialRoute: initialRoute
-  };
-};

package/esm/shared/modal-state-classes.js

@@ -1,10 +0,0 @@
-export var modalStateClasses = function modalStateClasses(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-      isOpened = _ref.isOpened,
-      isClosing = _ref.isClosing;
-
-  return {
-    'modal-in': isOpened && !isClosing,
-    'modal-out': isClosing
-  };
-};

package/esm/shared/rest-props.js

@@ -1,16 +0,0 @@
-var ignoreProps = ['color', 'colorTheme', 'textColor', 'bgColor', 'borderColor', 'rippleColor', 'themeDark', '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) {
-  if (rest === void 0) {
-    rest = {};
-  }
-
-  var props = {};
-  Object.keys(rest).filter(function (prop) {
-    return !ignoreProps.includes(prop);
-  }).forEach(function (key) {
-    if (key.indexOf('on') !== 0) {
-      props[key] = rest[key];
-    }
-  });
-  return props;
-}

package/esm/shared/use-icon.js

@@ -1,41 +0,0 @@
-export var useIcon = function useIcon(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var _props = props,
-      icon = _props.icon,
-      iconMaterial = _props.iconMaterial,
-      iconF7 = _props.iconF7,
-      iconMd = _props.iconMd,
-      iconIos = _props.iconIos,
-      iconAurora = _props.iconAurora,
-      iconColor = _props.iconColor,
-      iconSize = _props.iconSize,
-      iconBadge = _props.iconBadge,
-      badgeColor = _props.badgeColor,
-      iconBadgeColor = _props.iconBadgeColor;
-
-  if (icon || iconMaterial || iconF7 || iconMd || iconIos || iconAurora) {
-    return {
-      props: {
-        material: iconMaterial,
-        f7: iconF7,
-        icon: icon,
-        md: iconMd,
-        ios: iconIos,
-        aurora: iconAurora,
-        color: iconColor,
-        size: iconSize
-      },
-      badge: iconBadge || iconBadge === 0 ? {
-        props: {
-          color: badgeColor || iconBadgeColor
-        },
-        content: iconBadge
-      } : null
-    };
-  }
-
-  return null;
-};

package/esm/shared/use-store.js

@@ -1,36 +0,0 @@
-// eslint-disable-next-line
-import { onDestroy } from 'svelte';
-import { f7 } from './f7';
-export var useStore = function useStore() {
-  // (store, getter, callback)
-  var store = arguments.length <= 0 ? undefined : arguments[0];
-  var getter = arguments.length <= 1 ? undefined : arguments[1];
-  var callback = arguments.length <= 2 ? undefined : arguments[2];
-
-  if (arguments.length === 1) {
-    // (getter)
-    store = f7.store;
-    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 = arguments.length <= 0 ? undefined : arguments[0];
-    callback = arguments.length <= 1 ? undefined : arguments[1];
-  } // eslint-disable-next-line
-
-
-  var obj = store._gettersPlain[getter];
-  var value = obj.value;
-
-  if (callback) {
-    obj.onUpdated(callback);
-  }
-
-  onDestroy(function () {
-    if (callback) {
-      // eslint-disable-next-line
-      store.__removeCallback(callback);
-    }
-  });
-  return value;
-};

package/esm/shared/use-theme.js

@@ -1,12 +0,0 @@
-import { f7ready, app } from './f7';
-export var useTheme = function useTheme(set) {
-  var t = app.f7 ? app.theme : null;
-
-  if (!app.f7) {
-    f7ready(function () {
-      set(app.theme);
-    });
-  }
-
-  return t;
-};