framework7-svelte 6.3.15 → 7.0.0-beta.11

package/cjs/shared/f7.js

@@ -1,132 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.setTheme = exports.f7initEvents = exports.f7init = exports.f7ready = exports.app = exports.theme = exports.f7 = void 0;
-
-var _lite = _interopRequireDefault(require("framework7/lite"));
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable import/no-mutable-exports */
-// eslint-disable-next-line
-var f7;
-exports.f7 = f7;
-var theme = {}; // eslint-disable-next-line
-
-exports.theme = theme;
-
-if (!_lite.default.__app__) {
-  // eslint-disable-next-line
-  _lite.default.__app__ = {
-    f7: undefined,
-    f7events: undefined,
-    theme: {},
-    f7routers: {
-      views: [],
-      tabs: [],
-      modals: null
-    }
-  };
-}
-
-var app = _lite.default.__app__;
-exports.app = app;
-
-app.setInstance = function (instance) {
-  exports.f7 = f7 = instance;
-};
-
-var setTheme = function setTheme() {
-  if (!app.f7) return;
-  app.theme.ios = app.f7.theme === 'ios';
-  theme.ios = app.f7.theme === 'ios';
-  app.theme.md = app.f7.theme === 'md';
-  theme.md = app.f7.theme === 'md';
-  app.theme.aurora = app.f7.theme === 'aurora';
-  theme.aurora = app.f7.theme === 'aurora';
-};
-
-exports.setTheme = setTheme;
-
-var cleanup = function cleanup() {
-  (0, _utils.unsetRouterIds)();
-  delete app.theme.ios;
-  delete theme.ios;
-  delete app.theme.md;
-  delete theme.md;
-  delete app.theme.aurora;
-  delete theme.aurora;
-  app.f7routers.views = [];
-  app.f7routers.tabs = [];
-  app.f7routers.modals = null;
-};
-
-var f7initEvents = function f7initEvents() {
-  app.f7events = new _lite.default.Events();
-};
-
-exports.f7initEvents = f7initEvents;
-
-var f7init = function f7init(rootEl, params, init) {
-  if (params === void 0) {
-    params = {};
-  }
-
-  if (init === void 0) {
-    init = true;
-  }
-
-  var f7Params = (0, _utils.extend)({}, params, {
-    el: rootEl,
-    init: init
-  });
-  if (typeof params.store !== 'undefined') f7Params.store = params.store;
-  if (!f7Params.routes) f7Params.routes = [];
-
-  if (f7Params.userAgent && (f7Params.theme === 'auto' || !f7Params.theme)) {
-    var device = _lite.default.getDevice({
-      userAgent: f7Params.userAgent
-    }, true);
-
-    app.theme.ios = !!device.ios;
-    app.theme.aurora = device.desktop && device.electron;
-    app.theme.md = !app.theme.ios && !app.theme.aurora;
-  } // eslint-disable-next-line
-
-
-  if (app.f7 && typeof window !== 'undefined') return; // eslint-disable-next-line
-
-  if (typeof window === 'undefined') cleanup();
-  var instance = new _lite.default(f7Params);
-  app.f7 = instance;
-  exports.f7 = f7 = instance;
-  app.setInstance(instance);
-  setTheme();
-
-  if (instance.initialized) {
-    app.f7 = instance;
-    exports.f7 = f7 = instance;
-    app.setInstance(instance);
-    app.f7events.emit('ready', app.f7);
-  } else {
-    instance.on('init', function () {
-      app.f7 = instance;
-      exports.f7 = f7 = instance;
-      app.setInstance(instance);
-      app.f7events.emit('ready', app.f7);
-    });
-  }
-};
-
-exports.f7init = f7init;
-
-var f7ready = function f7ready(callback) {
-  if (!callback) return;
-  if (app.f7 && app.f7.initialized) callback(app.f7);else {
-    app.f7events.once('ready', callback);
-  }
-};
-
-exports.f7ready = f7ready;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getReactiveContext = void 0;
-
-var _svelte = require("svelte");
-
-// eslint-disable-next-line
-var getReactiveContext = function getReactiveContext(name, setValue) {
-  var ctx = (0, _svelte.getContext)(name);
-  if (!ctx) return undefined;
-  var value = ctx.value,
-      subscribe = ctx.subscribe,
-      unsubscribe = ctx.unsubscribe;
-  subscribe(setValue);
-  (0, _svelte.onDestroy)(function () {
-    unsubscribe(setValue);
-  });
-  return value;
-};
-
-exports.getReactiveContext = getReactiveContext;

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

@@ -1,48 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getRouterInitialComponent = void 0;
-
-var _utils = require("./utils");
-
-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); }
-
-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: (0, _utils.getComponentId)(),
-      isAsync: !!initialRoute.route.asyncComponent,
-      props: _extends({
-        f7route: initialRoute,
-        f7router: router
-      }, initialRoute.params, routeProps)
-    };
-  }
-
-  return {
-    initialPage: initialComponentData,
-    initialRoute: initialRoute
-  };
-};
-
-exports.getRouterInitialComponent = getRouterInitialComponent;

package/cjs/shared/list-context.js

@@ -1,9 +0,0 @@
-// import React from 'react';
-// const ListContext = React.createContext({
-//   listIsMedia: false,
-//   listIsSimple: false,
-//   listIsSortable: false,
-//   listIsSortableOpposite: false,
-// });
-// export { ListContext };
-"use strict";

package/cjs/shared/mixins.js

@@ -1,165 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.colorClasses = colorClasses;
-exports.routerAttrs = routerAttrs;
-exports.routerClasses = routerClasses;
-exports.actionsAttrs = actionsAttrs;
-exports.actionsClasses = actionsClasses;
-
-var _utils = require("./utils");
-
-function colorClasses(props) {
-  var _ref;
-
-  var color = props.color,
-      colorTheme = props.colorTheme,
-      textColor = props.textColor,
-      bgColor = props.bgColor,
-      borderColor = props.borderColor,
-      rippleColor = props.rippleColor,
-      themeDark = props.themeDark;
-  return _ref = {
-    'theme-dark': themeDark
-  }, _ref["color-" + color] = color, _ref["color-theme-" + colorTheme] = colorTheme, _ref["text-color-" + textColor] = textColor, _ref["bg-color-" + bgColor] = bgColor, _ref["border-color-" + borderColor] = borderColor, _ref["ripple-color-" + rippleColor] = rippleColor, _ref;
-}
-
-function routerAttrs(props) {
-  var force = props.force,
-      reloadCurrent = props.reloadCurrent,
-      reloadPrevious = props.reloadPrevious,
-      reloadAll = props.reloadAll,
-      reloadDetail = props.reloadDetail,
-      animate = props.animate,
-      ignoreCache = props.ignoreCache,
-      routeTabId = props.routeTabId,
-      view = props.view,
-      transition = props.transition,
-      openIn = props.openIn;
-  var dataAnimate;
-
-  if ('animate' in props && typeof animate !== 'undefined') {
-    dataAnimate = animate.toString();
-  }
-
-  var dataReloadDetail;
-
-  if ('reloadDetail' in props && typeof reloadDetail !== 'undefined') {
-    dataReloadDetail = reloadDetail.toString();
-  }
-
-  return {
-    'data-force': force || undefined,
-    'data-reload-current': reloadCurrent || undefined,
-    'data-reload-all': reloadAll || undefined,
-    'data-reload-previous': reloadPrevious || undefined,
-    'data-reload-detail': dataReloadDetail,
-    'data-animate': dataAnimate,
-    'data-ignore-cache': ignoreCache || undefined,
-    'data-route-tab-id': routeTabId || undefined,
-    'data-view': (0, _utils.isStringProp)(view) ? view : undefined,
-    'data-transition': (0, _utils.isStringProp)(transition) ? transition : undefined,
-    'data-open-in': (0, _utils.isStringProp)(openIn) ? openIn : undefined
-  };
-}
-
-function routerClasses(props) {
-  var back = props.back,
-      linkBack = props.linkBack,
-      external = props.external,
-      preventRouter = props.preventRouter;
-  return {
-    back: back || linkBack,
-    external: external,
-    'prevent-router': preventRouter
-  };
-}
-
-function actionsAttrs(props) {
-  var searchbarEnable = props.searchbarEnable,
-      searchbarDisable = props.searchbarDisable,
-      searchbarClear = props.searchbarClear,
-      searchbarToggle = props.searchbarToggle,
-      panelOpen = props.panelOpen,
-      panelClose = props.panelClose,
-      panelToggle = props.panelToggle,
-      popupOpen = props.popupOpen,
-      popupClose = props.popupClose,
-      actionsOpen = props.actionsOpen,
-      actionsClose = props.actionsClose,
-      popoverOpen = props.popoverOpen,
-      popoverClose = props.popoverClose,
-      loginScreenOpen = props.loginScreenOpen,
-      loginScreenClose = props.loginScreenClose,
-      sheetOpen = props.sheetOpen,
-      sheetClose = props.sheetClose,
-      sortableEnable = props.sortableEnable,
-      sortableDisable = props.sortableDisable,
-      sortableToggle = props.sortableToggle,
-      cardOpen = props.cardOpen,
-      cardClose = props.cardClose;
-  return {
-    'data-searchbar': (0, _utils.isStringProp)(searchbarEnable) && searchbarEnable || (0, _utils.isStringProp)(searchbarDisable) && searchbarDisable || (0, _utils.isStringProp)(searchbarClear) && searchbarClear || (0, _utils.isStringProp)(searchbarToggle) && searchbarToggle || undefined,
-    'data-panel': (0, _utils.isStringProp)(panelOpen) && panelOpen || (0, _utils.isStringProp)(panelClose) && panelClose || (0, _utils.isStringProp)(panelToggle) && panelToggle || undefined,
-    'data-popup': (0, _utils.isStringProp)(popupOpen) && popupOpen || (0, _utils.isStringProp)(popupClose) && popupClose || undefined,
-    'data-actions': (0, _utils.isStringProp)(actionsOpen) && actionsOpen || (0, _utils.isStringProp)(actionsClose) && actionsClose || undefined,
-    'data-popover': (0, _utils.isStringProp)(popoverOpen) && popoverOpen || (0, _utils.isStringProp)(popoverClose) && popoverClose || undefined,
-    'data-sheet': (0, _utils.isStringProp)(sheetOpen) && sheetOpen || (0, _utils.isStringProp)(sheetClose) && sheetClose || undefined,
-    'data-login-screen': (0, _utils.isStringProp)(loginScreenOpen) && loginScreenOpen || (0, _utils.isStringProp)(loginScreenClose) && loginScreenClose || undefined,
-    'data-sortable': (0, _utils.isStringProp)(sortableEnable) && sortableEnable || (0, _utils.isStringProp)(sortableDisable) && sortableDisable || (0, _utils.isStringProp)(sortableToggle) && sortableToggle || undefined,
-    'data-card': (0, _utils.isStringProp)(cardOpen) && cardOpen || (0, _utils.isStringProp)(cardClose) && cardClose || undefined
-  };
-}
-
-function actionsClasses(props) {
-  var searchbarEnable = props.searchbarEnable,
-      searchbarDisable = props.searchbarDisable,
-      searchbarClear = props.searchbarClear,
-      searchbarToggle = props.searchbarToggle,
-      panelOpen = props.panelOpen,
-      panelClose = props.panelClose,
-      panelToggle = props.panelToggle,
-      popupOpen = props.popupOpen,
-      popupClose = props.popupClose,
-      actionsClose = props.actionsClose,
-      actionsOpen = props.actionsOpen,
-      popoverOpen = props.popoverOpen,
-      popoverClose = props.popoverClose,
-      loginScreenOpen = props.loginScreenOpen,
-      loginScreenClose = props.loginScreenClose,
-      sheetOpen = props.sheetOpen,
-      sheetClose = props.sheetClose,
-      sortableEnable = props.sortableEnable,
-      sortableDisable = props.sortableDisable,
-      sortableToggle = props.sortableToggle,
-      cardOpen = props.cardOpen,
-      cardPreventOpen = props.cardPreventOpen,
-      cardClose = props.cardClose,
-      menuClose = props.menuClose;
-  return {
-    'searchbar-enable': searchbarEnable || searchbarEnable === '',
-    'searchbar-disable': searchbarDisable || searchbarDisable === '',
-    'searchbar-clear': searchbarClear || searchbarClear === '',
-    'searchbar-toggle': searchbarToggle || searchbarToggle === '',
-    'panel-close': panelClose || panelClose === '',
-    'panel-open': panelOpen || panelOpen === '',
-    'panel-toggle': panelToggle || panelToggle === '',
-    'popup-close': popupClose || popupClose === '',
-    'popup-open': popupOpen || popupOpen === '',
-    'actions-close': actionsClose || actionsClose === '',
-    'actions-open': actionsOpen || actionsOpen === '',
-    'popover-close': popoverClose || popoverClose === '',
-    'popover-open': popoverOpen || popoverOpen === '',
-    'sheet-close': sheetClose || sheetClose === '',
-    'sheet-open': sheetOpen || sheetOpen === '',
-    'login-screen-close': loginScreenClose || loginScreenClose === '',
-    'login-screen-open': loginScreenOpen || loginScreenOpen === '',
-    'sortable-enable': sortableEnable || sortableEnable === '',
-    'sortable-disable': sortableDisable || sortableDisable === '',
-    'sortable-toggle': sortableToggle || sortableToggle === '',
-    'card-close': cardClose || cardClose === '',
-    'card-open': cardOpen || cardOpen === '',
-    'card-prevent-open': cardPreventOpen || cardPreventOpen === '',
-    'menu-close': menuClose || menuClose === ''
-  };
-}

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

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.modalStateClasses = void 0;
-
-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
-  };
-};
-
-exports.modalStateClasses = modalStateClasses;

package/cjs/shared/plugin.js

@@ -1,69 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _lite = _interopRequireDefault(require("framework7/lite"));
-
-var _componentsRouter = _interopRequireDefault(require("./components-router"));
-
-var _f = require("./f7");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// eslint-disable-next-line
-var Framework7Svelte = {
-  name: 'sveltePlugin',
-  installed: false,
-  install: function install(params) {
-    if (params === void 0) {
-      params = {};
-    }
-
-    if (Framework7Svelte.installed) return;
-    Framework7Svelte.installed = true;
-    (0, _f.f7initEvents)();
-    var _params = params,
-        paramsTheme = _params.theme,
-        userAgent = _params.userAgent;
-
-    if (paramsTheme === 'md') {
-      _f.app.theme.md = true;
-      _f.theme.md = true;
-    }
-
-    if (paramsTheme === 'ios') {
-      _f.app.theme.md = true;
-      _f.theme.ios = true;
-    }
-
-    if (paramsTheme === 'aurora') {
-      _f.app.theme.md = true;
-      _f.theme.aurora = true;
-    } // eslint-disable-next-line
-
-
-    var needThemeCalc = typeof window === 'undefined' ? !!userAgent : true;
-
-    if (needThemeCalc && (!paramsTheme || paramsTheme === 'auto')) {
-      var device = _lite.default.getDevice({
-        userAgent: userAgent
-      }, true);
-
-      _f.app.theme.ios = !!device.ios;
-      _f.theme.ios = _f.app.theme.ios;
-      _f.app.theme.aurora = device.desktop && device.electron;
-      _f.theme.aurora = _f.app.theme.aurora;
-      _f.app.theme.md = !_f.app.theme.ios && !_f.app.theme.aurora;
-      _f.theme.md = _f.app.theme.md;
-    }
-
-    (0, _f.f7ready)(function () {
-      (0, _f.setTheme)();
-    });
-
-    _lite.default.Router.use(_componentsRouter.default);
-  }
-};
-var _default = Framework7Svelte;
-exports.default = _default;

package/cjs/shared/rest-props.js

@@ -1,21 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.restProps = restProps;
-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'];
-
-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/cjs/shared/router-context.js

@@ -1,7 +0,0 @@
-// import React from 'react';
-// const RouterContext = React.createContext({
-//   route: null,
-//   router: null,
-// });
-// export { RouterContext };
-"use strict";

package/cjs/shared/set-reactive-context.js

@@ -1,38 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.setReactiveContext = void 0;
-
-var _svelte = require("svelte");
-
-// eslint-disable-next-line
-var setReactiveContext = function setReactiveContext(name, getValue) {
-  var contextCallbacks = [];
-
-  var contextSubscribe = function contextSubscribe(callback) {
-    contextCallbacks.push(callback);
-  };
-
-  var contextUnsubscribe = function contextUnsubscribe(callback) {
-    if (contextCallbacks.indexOf(callback) >= 0) {
-      contextCallbacks.splice(contextCallbacks.indexOf, callback);
-    }
-  };
-
-  var contextRunCallbacks = function contextRunCallbacks() {
-    contextCallbacks.forEach(function (callback) {
-      callback(getValue());
-    });
-  };
-
-  (0, _svelte.setContext)(name, {
-    value: getValue(),
-    subscribe: contextSubscribe,
-    unsubscribe: contextUnsubscribe
-  });
-  (0, _svelte.beforeUpdate)(function () {
-    contextRunCallbacks();
-  });
-};
-
-exports.setReactiveContext = setReactiveContext;

package/cjs/shared/tabbar-context.js

@@ -1,6 +0,0 @@
-// import React from 'react';
-// const TabbarContext = React.createContext({
-//   tabbarHasLabels: false,
-// });
-// export { TabbarContext };
-"use strict";

package/cjs/shared/use-icon.js

@@ -1,48 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useIcon = void 0;
-
-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;
-};
-
-exports.useIcon = useIcon;

package/cjs/shared/use-route-props.js

@@ -1,23 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useRouteProps = void 0;
-
-var useRouteProps = function useRouteProps(el, routeProps) {
-  if (el && routeProps) {
-    el.f7RouteProps = routeProps;
-  }
-
-  return {
-    update: function update(newValue) {
-      if (el && el.f7RouteProps && !newValue) delete el.f7RouteProps;else if (el && newValue) el.f7RouteProps = newValue;
-    },
-    destroy: function destroy() {
-      if (el && routeProps) {
-        delete el.f7RouteProps;
-      }
-    }
-  };
-};
-
-exports.useRouteProps = useRouteProps;

package/cjs/shared/use-smart-select.js

@@ -1,36 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useSmartSelect = void 0;
-
-var _svelte = require("svelte");
-
-var _f = require("./f7");
-
-var _utils = require("./utils");
-
-// eslint-disable-next-line
-var useSmartSelect = function useSmartSelect(props, setInstance, getEl) {
-  var f7SmartSelect;
-  (0, _svelte.onMount)(function () {
-    (0, _f.f7ready)(function () {
-      if (props.smartSelect) {
-        var ssParams = (0, _utils.extend)({
-          el: getEl()
-        }, props.smartSelectParams || {});
-        f7SmartSelect = _f.app.f7.smartSelect.create(ssParams);
-        setInstance(f7SmartSelect);
-      }
-    });
-  });
-  (0, _svelte.onDestroy)(function () {
-    if (f7SmartSelect && f7SmartSelect.destroy) {
-      f7SmartSelect.destroy();
-    }
-
-    f7SmartSelect = null;
-    setInstance(f7SmartSelect);
-  });
-};
-
-exports.useSmartSelect = useSmartSelect;