framework7-vue 6.3.4 → 7.0.0-beta.3

package/cjs/shared/f7.js

@@ -1,105 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.setTheme = exports.f7initEvents = exports.f7routers = exports.f7init = exports.f7events = exports.f7ready = 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 */
-var f7;
-exports.f7 = f7;
-var f7events;
-exports.f7events = f7events;
-var theme = {};
-exports.theme = theme;
-var f7routers = {
-  views: [],
-  tabs: [],
-  modals: null
-};
-exports.f7routers = f7routers;
-
-var setTheme = function setTheme() {
-  if (!f7) return;
-  theme.ios = f7.theme === 'ios';
-  theme.md = f7.theme === 'md';
-  theme.aurora = f7.theme === 'aurora';
-};
-
-exports.setTheme = setTheme;
-
-var cleanup = function cleanup() {
-  (0, _utils.unsetRouterIds)();
-  delete theme.ios;
-  delete theme.md;
-  delete theme.aurora;
-  f7routers.views = [];
-  f7routers.tabs = [];
-  f7routers.modals = null;
-};
-
-var f7initEvents = function f7initEvents() {
-  exports.f7events = 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);
-
-    theme.ios = !!device.ios;
-    theme.aurora = device.desktop && device.electron;
-    theme.md = !theme.ios && !theme.aurora;
-  } // eslint-disable-next-line
-
-
-  if (f7 && typeof window !== 'undefined') return; // eslint-disable-next-line
-
-  if (typeof window === 'undefined') cleanup();
-  var instance = new _lite.default(f7Params);
-  exports.f7 = f7 = instance;
-  setTheme();
-
-  if (instance.initialized) {
-    exports.f7 = f7 = instance;
-    f7events.emit('ready', f7);
-  } else {
-    instance.on('init', function () {
-      exports.f7 = f7 = instance;
-      f7events.emit('ready', f7);
-    });
-  }
-};
-
-exports.f7init = f7init;
-
-var f7ready = function f7ready(callback) {
-  if (!callback) return;
-  if (f7 && f7.initialized) callback(f7);else {
-    f7events.once('ready', callback);
-  }
-};
-
-exports.f7ready = f7ready;

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
-      }, routeProps, initialRoute.params)
-    };
-  }
-
-  return {
-    initialPage: initialComponentData,
-    initialRoute: initialRoute
-  };
-};
-
-exports.getRouterInitialComponent = getRouterInitialComponent;

package/cjs/shared/mixins.js

@@ -1,254 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.colorClasses = colorClasses;
-exports.routerAttrs = routerAttrs;
-exports.routerClasses = routerClasses;
-exports.actionsAttrs = actionsAttrs;
-exports.actionsClasses = actionsClasses;
-exports.actionsProps = exports.routerProps = exports.iconProps = exports.colorProps = void 0;
-
-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;
-}
-
-var colorProps = {
-  color: String,
-  colorTheme: String,
-  textColor: String,
-  bgColor: String,
-  borderColor: String,
-  rippleColor: String,
-  themeDark: Boolean
-};
-exports.colorProps = colorProps;
-var iconProps = {
-  icon: String,
-  iconMaterial: String,
-  iconF7: String,
-  iconIos: String,
-  iconMd: String,
-  iconAurora: String,
-  iconColor: String,
-  iconSize: [String, Number],
-  iconBadge: [String, Number],
-  iconBadgeColor: String
-};
-exports.iconProps = iconProps;
-var routerProps = {
-  back: Boolean,
-  external: Boolean,
-  force: Boolean,
-  animate: {
-    type: Boolean,
-    default: undefined
-  },
-  ignoreCache: Boolean,
-  reloadCurrent: Boolean,
-  reloadAll: Boolean,
-  reloadPrevious: Boolean,
-  reloadDetail: {
-    type: Boolean,
-    default: undefined
-  },
-  routeTabId: String,
-  view: String,
-  routeProps: Object,
-  preventRouter: Boolean,
-  transition: String,
-  openIn: String
-};
-exports.routerProps = routerProps;
-
-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
-  };
-}
-
-var actionsProps = {
-  searchbarEnable: [Boolean, String],
-  searchbarDisable: [Boolean, String],
-  searchbarClear: [Boolean, String],
-  searchbarToggle: [Boolean, String],
-  // Panel
-  panelOpen: [Boolean, String],
-  panelClose: [Boolean, String],
-  panelToggle: [Boolean, String],
-  // Popup
-  popupOpen: [Boolean, String],
-  popupClose: [Boolean, String],
-  // Actions
-  actionsOpen: [Boolean, String],
-  actionsClose: [Boolean, String],
-  // Popover
-  popoverOpen: [Boolean, String],
-  popoverClose: [Boolean, String],
-  // Login Screen
-  loginScreenOpen: [Boolean, String],
-  loginScreenClose: [Boolean, String],
-  // Picker
-  sheetOpen: [Boolean, String],
-  sheetClose: [Boolean, String],
-  // Sortable
-  sortableEnable: [Boolean, String],
-  sortableDisable: [Boolean, String],
-  sortableToggle: [Boolean, String],
-  // Card
-  cardOpen: [Boolean, String],
-  cardPreventOpen: [Boolean, String],
-  cardClose: [Boolean, String],
-  // Menu
-  menuClose: {
-    type: [Boolean, String],
-    default: undefined
-  }
-};
-exports.actionsProps = actionsProps;
-
-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,56 +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");
-
-exports.f7 = _f.f7;
-exports.f7ready = _f.f7ready;
-exports.theme = _f.theme;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Framework7Vue = {
-  name: 'vuePlugin',
-  installed: false,
-  install: function install(params) {
-    if (params === void 0) {
-      params = {};
-    }
-
-    if (Framework7Vue.installed) return;
-    Framework7Vue.installed = true;
-    (0, _f.f7initEvents)();
-    var _params = params,
-        paramsTheme = _params.theme,
-        userAgent = _params.userAgent;
-    if (paramsTheme === 'md') _f.theme.md = true;
-    if (paramsTheme === 'ios') _f.theme.ios = true;
-    if (paramsTheme === 'aurora') _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.theme.ios = !!device.ios;
-      _f.theme.aurora = device.desktop && device.electron;
-      _f.theme.md = !_f.theme.ios && !_f.theme.aurora;
-    }
-
-    (0, _f.f7ready)(function () {
-      (0, _f.setTheme)();
-    });
-
-    _lite.default.Router.use(_componentsRouter.default);
-  }
-};
-var _default = Framework7Vue;
-exports.default = _default;

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,26 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useRouteProps = void 0;
-
-var _vue = require("vue");
-
-var useRouteProps = function useRouteProps(elRef, _temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-      routeProps = _ref.routeProps;
-
-  (0, _vue.onMounted)(function () {
-    if (elRef.value && routeProps) {
-      elRef.value.f7RouteProps = routeProps;
-    }
-  });
-  (0, _vue.onUpdated)(function () {
-    if (elRef.value && routeProps) {
-      elRef.value.f7RouteProps = routeProps;
-    } else if (elRef.value && elRef.value.f7RouteProps) {
-      delete elRef.value.f7RouteProps;
-    }
-  });
-};
-
-exports.useRouteProps = useRouteProps;

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

@@ -1,35 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useSmartSelect = void 0;
-
-var _vue = require("vue");
-
-var _f = require("./f7");
-
-var _utils = require("./utils");
-
-var useSmartSelect = function useSmartSelect(props, setInstance, getEl) {
-  var f7SmartSelect;
-  (0, _vue.onMounted)(function () {
-    (0, _f.f7ready)(function () {
-      if (props.smartSelect) {
-        var ssParams = (0, _utils.extend)({
-          el: getEl()
-        }, props.smartSelectParams || {});
-        f7SmartSelect = _f.f7.smartSelect.create(ssParams);
-        setInstance(f7SmartSelect);
-      }
-    });
-  });
-  (0, _vue.onBeforeUnmount)(function () {
-    if (f7SmartSelect && f7SmartSelect.destroy) {
-      f7SmartSelect.destroy();
-    }
-
-    f7SmartSelect = null;
-    setInstance(f7SmartSelect);
-  });
-};
-
-exports.useSmartSelect = useSmartSelect;

package/cjs/shared/use-store.js

@@ -1,37 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useStore = void 0;
-
-var _vue = require("vue");
-
-var _f = require("./f7");
-
-var useStore = function useStore() {
-  // (store, getter)
-  var store = arguments.length <= 0 ? undefined : arguments[0];
-  var getter = arguments.length <= 1 ? undefined : arguments[1];
-
-  if (arguments.length === 1) {
-    // (getter)
-    store = _f.f7.store;
-    getter = arguments.length <= 0 ? undefined : arguments[0];
-  } // eslint-disable-next-line
-
-
-  var obj = store._gettersPlain[getter];
-  var valueRef = (0, _vue.ref)(obj.value);
-
-  var callback = function callback(v) {
-    valueRef.value = v;
-  };
-
-  obj.onUpdated(callback);
-  (0, _vue.onBeforeUnmount)(function () {
-    // eslint-disable-next-line
-    store.__removeCallback(callback);
-  });
-  return valueRef;
-};
-
-exports.useStore = useStore;

package/cjs/shared/use-tab.js

@@ -1,38 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useTab = void 0;
-
-var _vue = require("vue");
-
-var _f = require("./f7");
-
-var useTab = function useTab(elRef, emit) {
-  var onTabShow = function onTabShow(el) {
-    if (elRef.value !== el) return;
-    emit('tab:show', el);
-  };
-
-  var onTabHide = function onTabHide(el) {
-    if (elRef.value !== el) return;
-    emit('tab:hide', el);
-  };
-
-  (0, _vue.onMounted)(function () {
-    if (!elRef.value) return;
-    (0, _f.f7ready)(function () {
-      _f.f7.on('tabShow', onTabShow);
-
-      _f.f7.on('tabHide', onTabHide);
-    });
-  });
-  (0, _vue.onBeforeUnmount)(function () {
-    if (!_f.f7) return;
-
-    _f.f7.off('tabShow', onTabShow);
-
-    _f.f7.off('tabHide', onTabHide);
-  });
-};
-
-exports.useTab = useTab;

package/cjs/shared/use-theme.js

@@ -1,22 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useTheme = void 0;
-
-var _vue = require("vue");
-
-var _f = require("./f7");
-
-var useTheme = function useTheme() {
-  var t = (0, _vue.ref)(_f.f7 ? _f.theme : null);
-
-  if (!_f.f7) {
-    (0, _f.f7ready)(function () {
-      t.value = _f.theme;
-    });
-  }
-
-  return t;
-};
-
-exports.useTheme = useTheme;