framework7-react 6.3.5 → 7.0.0-beta.10

package/cjs/components/popup.js

@@ -1,183 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _f = require("../shared/f7");
-
-var _mixins = require("../shared/mixins");
-
-var _modalStateClasses = require("../shared/modal-state-classes");
-
-var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
-
-var _utils = require("../shared/utils");
-
-var _watchProp = require("../shared/watch-prop");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 Popup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7Popup = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      tabletFullscreen = props.tabletFullscreen,
-      push = props.push,
-      opened = props.opened,
-      closeByBackdropClick = props.closeByBackdropClick,
-      backdrop = props.backdrop,
-      backdropEl = props.backdropEl,
-      animate = props.animate,
-      closeOnEscape = props.closeOnEscape,
-      _props$swipeToClose = props.swipeToClose,
-      swipeToClose = _props$swipeToClose === void 0 ? false : _props$swipeToClose,
-      swipeHandler = props.swipeHandler,
-      containerEl = props.containerEl;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  var isOpened = (0, _react.useRef)(opened);
-  var isClosing = (0, _react.useRef)(false);
-
-  var onSwipeStart = function onSwipeStart(instance) {
-    (0, _utils.emit)(props, 'popupSwipeStart', instance);
-  };
-
-  var onSwipeMove = function onSwipeMove(instance) {
-    (0, _utils.emit)(props, 'popupSwipeMove', instance);
-  };
-
-  var onSwipeEnd = function onSwipeEnd(instance) {
-    (0, _utils.emit)(props, 'popupSwipeEnd', instance);
-  };
-
-  var onSwipeClose = function onSwipeClose(instance) {
-    (0, _utils.emit)(props, 'popupSwipeClose', instance);
-  };
-
-  var onOpen = function onOpen(instance) {
-    isOpened.current = true;
-    isClosing.current = false;
-    (0, _utils.emit)(props, 'popupOpen', instance);
-  };
-
-  var onOpened = function onOpened(instance) {
-    (0, _utils.emit)(props, 'popupOpened', instance);
-  };
-
-  var onClose = function onClose(instance) {
-    isOpened.current = false;
-    isClosing.current = true;
-    (0, _utils.emit)(props, 'popupClose', instance);
-  };
-
-  var onClosed = function onClosed(instance) {
-    isClosing.current = false;
-    (0, _utils.emit)(props, 'popupClosed', instance);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7Popup: function f7Popup() {
-        return _f7Popup.current;
-      }
-    };
-  });
-  (0, _watchProp.watchProp)(opened, function (value) {
-    if (!_f7Popup.current) return;
-
-    if (value) {
-      _f7Popup.current.open();
-    } else {
-      _f7Popup.current.close();
-    }
-  });
-
-  var modalEvents = function modalEvents(method) {
-    if (!_f7Popup.current) return;
-
-    _f7Popup.current[method]('swipeStart', onSwipeStart);
-
-    _f7Popup.current[method]('swipeMove', onSwipeMove);
-
-    _f7Popup.current[method]('swipeEnd', onSwipeEnd);
-
-    _f7Popup.current[method]('swipeClose', onSwipeClose);
-
-    _f7Popup.current[method]('open', onOpen);
-
-    _f7Popup.current[method]('opened', onOpened);
-
-    _f7Popup.current[method]('close', onClose);
-
-    _f7Popup.current[method]('closed', onClosed);
-  };
-
-  var onMount = function onMount() {
-    if (!elRef.current) return;
-    var popupParams = {
-      el: elRef.current
-    };
-    if ('closeByBackdropClick' in props) popupParams.closeByBackdropClick = closeByBackdropClick;
-    if ('closeOnEscape' in props) popupParams.closeOnEscape = closeOnEscape;
-    if ('animate' in props) popupParams.animate = animate;
-    if ('backdrop' in props) popupParams.backdrop = backdrop;
-    if ('backdropEl' in props) popupParams.backdropEl = backdropEl;
-    if ('swipeToClose' in props) popupParams.swipeToClose = swipeToClose;
-    if ('swipeHandler' in props) popupParams.swipeHandler = swipeHandler;
-    if ('containerEl' in props) popupParams.containerEl = containerEl;
-    (0, _f.f7ready)(function () {
-      _f7Popup.current = _f.f7.popup.create(popupParams);
-      modalEvents('on');
-
-      if (opened) {
-        _f7Popup.current.open(false);
-      }
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7Popup.current) {
-      _f7Popup.current.destroy();
-    }
-
-    _f7Popup.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    modalEvents('on');
-    return function () {
-      modalEvents('off');
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var classes = (0, _utils.classNames)(className, 'popup', {
-    'popup-tablet-fullscreen': tabletFullscreen,
-    'popup-push': push
-  }, (0, _modalStateClasses.modalStateClasses)({
-    isOpened: isOpened,
-    isClosing: isClosing
-  }), (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-Popup.displayName = 'f7-popup';
-var _default = Popup;
-exports.default = _default;

package/cjs/components/preloader.js

@@ -1,101 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _useTheme = require("../shared/use-theme");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 Preloader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var theme = (0, _useTheme.useTheme)();
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      size = props.size;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var preloaderStyle = {};
-  var sizeComputed = size;
-
-  if (sizeComputed && typeof sizeComputed === 'string' && sizeComputed.indexOf('px') >= 0) {
-    sizeComputed = sizeComputed.replace('px', '');
-  }
-
-  if (sizeComputed) {
-    preloaderStyle.width = sizeComputed + "px";
-    preloaderStyle.height = sizeComputed + "px";
-    preloaderStyle['--f7-preloader-size'] = sizeComputed + "px";
-  }
-
-  if (style) (0, _utils.extend)(preloaderStyle, style || {});
-  var innerEl;
-
-  if (theme && theme.md) {
-    innerEl = /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner"
-    }, /*#__PURE__*/_react.default.createElement("svg", {
-      viewBox: "0 0 36 36"
-    }, /*#__PURE__*/_react.default.createElement("circle", {
-      cx: "18",
-      cy: "18",
-      r: "16"
-    })));
-  } else if (theme && theme.ios) {
-    innerEl = /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-line"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-line"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-line"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-line"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-line"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-line"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-line"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-line"
-    }));
-  } else if (theme && theme.aurora) {
-    innerEl = /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner-circle"
-    }));
-  } else if (!theme) {
-    innerEl = /*#__PURE__*/_react.default.createElement("span", {
-      className: "preloader-inner"
-    });
-  }
-
-  var classes = (0, _utils.classNames)(className, 'preloader', (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
-    id: id,
-    style: preloaderStyle,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), innerEl);
-});
-Preloader.displayName = 'f7-preloader';
-var _default = Preloader;
-exports.default = _default;

package/cjs/components/progressbar.js

@@ -1,60 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 Progressbar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      progress = props.progress,
-      infinite = props.infinite;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var set = function set(newProgress, speed) {
-    if (!_f.f7) return;
-
-    _f.f7.progressbar.set(elRef.current, newProgress, speed);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      set: set
-    };
-  });
-  var transformStyle = {
-    transform: progress ? "translate3d(" + (-100 + progress) + "%, 0, 0)" : '',
-    WebkitTransform: progress ? "translate3d(" + (-100 + progress) + "%, 0, 0)" : ''
-  };
-  var classes = (0, _utils.classNames)(className, 'progressbar', {
-    'progressbar-infinite': infinite
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
-    ref: elRef,
-    id: id,
-    style: style,
-    className: classes,
-    "data-progress": progress
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("span", {
-    style: transformStyle
-  }));
-});
-Progressbar.displayName = 'f7-progressbar';
-var _default = Progressbar;
-exports.default = _default;

package/cjs/components/radio.js

@@ -1,68 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 Radio = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      value = props.value,
-      disabled = props.disabled,
-      readonly = props.readonly,
-      checked = props.checked,
-      defaultChecked = props.defaultChecked;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onChange = function onChange(event) {
-    (0, _utils.emit)(props, 'change', event);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-
-  var inputEl = /*#__PURE__*/_react.default.createElement("input", {
-    type: "radio",
-    name: name,
-    value: value,
-    disabled: disabled,
-    readOnly: readonly,
-    checked: checked,
-    defaultChecked: defaultChecked,
-    onChange: onChange
-  });
-
-  var iconEl = /*#__PURE__*/_react.default.createElement("i", {
-    className: "icon-radio"
-  });
-
-  var classes = (0, _utils.classNames)(className, 'radio', {
-    disabled: disabled
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("label", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), inputEl, iconEl, children);
-});
-Radio.displayName = 'f7-radio';
-var _default = Radio;
-exports.default = _default;

package/cjs/components/range.js

@@ -1,164 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-var _watchProp = require("../shared/watch-prop");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 Range = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7Range = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      _props$init = props.init,
-      init = _props$init === void 0 ? true : _props$init,
-      _props$value = props.value,
-      value = _props$value === void 0 ? 0 : _props$value,
-      _props$min = props.min,
-      min = _props$min === void 0 ? 0 : _props$min,
-      _props$max = props.max,
-      max = _props$max === void 0 ? 100 : _props$max,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      _props$label = props.label,
-      label = _props$label === void 0 ? false : _props$label,
-      _props$dual = props.dual,
-      dual = _props$dual === void 0 ? false : _props$dual,
-      _props$vertical = props.vertical,
-      vertical = _props$vertical === void 0 ? false : _props$vertical,
-      _props$verticalRevers = props.verticalReversed,
-      verticalReversed = _props$verticalRevers === void 0 ? false : _props$verticalRevers,
-      _props$draggableBar = props.draggableBar,
-      draggableBar = _props$draggableBar === void 0 ? true : _props$draggableBar,
-      formatLabel = props.formatLabel,
-      _props$scale = props.scale,
-      scale = _props$scale === void 0 ? false : _props$scale,
-      _props$scaleSteps = props.scaleSteps,
-      scaleSteps = _props$scaleSteps === void 0 ? 5 : _props$scaleSteps,
-      _props$scaleSubSteps = props.scaleSubSteps,
-      scaleSubSteps = _props$scaleSubSteps === void 0 ? 0 : _props$scaleSubSteps,
-      formatScaleLabel = props.formatScaleLabel,
-      _props$limitKnobPosit = props.limitKnobPosition,
-      limitKnobPosition = _props$limitKnobPosit === void 0 ? undefined : _props$limitKnobPosit,
-      name = props.name,
-      input = props.input,
-      inputId = props.inputId,
-      disabled = props.disabled;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7Range: function f7Range() {
-        return _f7Range.current;
-      }
-    };
-  });
-  (0, _watchProp.watchProp)(value, function (newValue) {
-    if (!_f7Range.current) return;
-    var rangeValue = _f7Range.current.value;
-
-    if (Array.isArray(newValue) && Array.isArray(rangeValue)) {
-      if (rangeValue[0] !== newValue[0] || rangeValue[1] !== newValue[1]) {
-        _f7Range.current.setValue(newValue);
-      }
-    } else {
-      _f7Range.current.setValue(newValue);
-    }
-  });
-
-  var onChange = function onChange(range, val) {
-    (0, _utils.emit)(props, 'rangeChange', val);
-  };
-
-  var onChanged = function onChanged(range, val) {
-    (0, _utils.emit)(props, 'rangeChanged', val);
-  };
-
-  var rangeEvents = function rangeEvents(method) {
-    if (!_f7Range.current) return;
-
-    _f7Range.current[method]('change', onChange);
-
-    _f7Range.current[method]('changed', onChanged);
-  };
-
-  var onMount = function onMount() {
-    (0, _f.f7ready)(function () {
-      if (!init || !elRef.current) return;
-      _f7Range.current = _f.f7.range.create((0, _utils.noUndefinedProps)({
-        el: elRef.current,
-        value: value,
-        min: min,
-        max: max,
-        step: step,
-        label: label,
-        dual: dual,
-        draggableBar: draggableBar,
-        vertical: vertical,
-        verticalReversed: verticalReversed,
-        formatLabel: formatLabel,
-        scale: scale,
-        scaleSteps: scaleSteps,
-        scaleSubSteps: scaleSubSteps,
-        formatScaleLabel: formatScaleLabel,
-        limitKnobPosition: limitKnobPosition
-      }));
-      rangeEvents('on');
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7Range.current && _f7Range.current.destroy) _f7Range.current.destroy();
-    _f7Range.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    rangeEvents('on');
-    return function () {
-      rangeEvents('off');
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var classes = (0, _utils.classNames)(className, 'range-slider', {
-    'range-slider-horizontal': !vertical,
-    'range-slider-vertical': vertical,
-    'range-slider-vertical-reversed': vertical && verticalReversed,
-    disabled: disabled
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    ref: elRef,
-    id: id,
-    style: style,
-    className: classes
-  }, extraAttrs), input && /*#__PURE__*/_react.default.createElement("input", {
-    type: "range",
-    name: name,
-    id: inputId
-  }), children);
-});
-Range.displayName = 'f7-range';
-var _default = Range;
-exports.default = _default;

package/cjs/components/routable-modals.js

@@ -1,71 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
-
-var _f = require("../shared/f7");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 RoutableModals = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _useState = (0, _react.useState)([]),
-      modals = _useState[0],
-      _setModals = _useState[1];
-
-  var elRef = (0, _react.useRef)(null);
-  var routerData = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-
-  var onMount = function onMount() {
-    routerData.current = {
-      modals: modals,
-      el: elRef.current,
-      setModals: function setModals(newModals) {
-        _setModals([].concat(newModals));
-      }
-    };
-    _f.f7routers.modals = routerData.current;
-  };
-
-  var onDestroy = function onDestroy() {
-    if (!routerData.current) return;
-    _f.f7routers.modals = null;
-    routerData.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!routerData.current || !_f.f7) return;
-
-    _f.f7events.emit('modalsRouterDidUpdate', routerData.current);
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: elRef,
-    className: "framework7-modals"
-  }, modals.map(function (_ref) {
-    var ModalComponent = _ref.component,
-        modalId = _ref.id,
-        modalProps = _ref.props;
-    return /*#__PURE__*/_react.default.createElement(ModalComponent, _extends({
-      key: modalId
-    }, modalProps));
-  }));
-});
-RoutableModals.displayName = 'f7-routable-modals';
-var _default = RoutableModals;
-exports.default = _default;