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

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/framework7-svelte.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 Svelte 7.0.0-beta.15
+ * Framework7 Svelte 7.0.0-beta.20
  * Build full featured iOS & Android apps using Framework7 & Svelte
  * https://framework7.io/svelte/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 11, 2022
+ * Released on: April 15, 2022
  */
 import Framework7Svelte from './shared/plugin.js';
 import { f7, f7ready, theme, app } from './shared/f7.js';

package/package.json

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

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 => {