framework7-vue 6.3.15 → 7.0.0-beta.11

package/cjs/components/popup.js

@@ -1,185 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-var _modalStateClasses = require("../shared/modal-state-classes");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-popup',
-  render: render,
-  props: _extends({
-    tabletFullscreen: Boolean,
-    opened: Boolean,
-    animate: {
-      type: Boolean,
-      default: undefined
-    },
-    backdrop: {
-      type: Boolean,
-      default: undefined
-    },
-    backdropEl: {
-      type: [String, Object],
-      default: undefined
-    },
-    closeByBackdropClick: {
-      type: Boolean,
-      default: undefined
-    },
-    closeOnEscape: {
-      type: Boolean,
-      default: undefined
-    },
-    swipeToClose: {
-      type: [Boolean, String],
-      default: false
-    },
-    swipeHandler: {
-      type: [String, Object],
-      default: undefined
-    },
-    push: Boolean,
-    containerEl: {
-      type: [String, Object],
-      default: undefined
-    }
-  }, _mixins.colorProps),
-  emits: ['popup:swipestart', 'popup:swipemove', 'popup:swipeend', 'popup:swipeclose', 'popup:open', 'popup:opened', 'popup:close', 'popup:closed', 'update:opened'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7Popup = (0, _vue.ref)(null); // eslint-disable-next-line
-
-    var isOpened = props.opened;
-    var isClosing = false;
-    var elRef = (0, _vue.ref)(null);
-
-    var onSwipeStart = function onSwipeStart(instance) {
-      emit('popup:swipestart', instance);
-    };
-
-    var onSwipeMove = function onSwipeMove(instance) {
-      emit('popup:swipemove', instance);
-    };
-
-    var onSwipeEnd = function onSwipeEnd(instance) {
-      emit('popup:swipeend', instance);
-    };
-
-    var onSwipeClose = function onSwipeClose(instance) {
-      emit('popup:swipeclose', instance);
-    };
-
-    var onOpen = function onOpen(instance) {
-      isOpened = true;
-      isClosing = false;
-      emit('popup:open', instance);
-      emit('update:opened', true);
-    };
-
-    var onOpened = function onOpened(instance) {
-      emit('popup:opened', instance);
-    };
-
-    var onClose = function onClose(instance) {
-      isOpened = false;
-      isClosing = true;
-      emit('popup:close', instance);
-    };
-
-    var onClosed = function onClosed(instance) {
-      isClosing = false;
-      emit('popup:closed', instance);
-      emit('update:opened', false);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.opened;
-    }, function (value) {
-      if (!f7Popup.value) return;
-
-      if (value) {
-        f7Popup.value.open();
-      } else {
-        f7Popup.value.close();
-      }
-    });
-    (0, _vue.onMounted)(function () {
-      if (!elRef.value) return;
-      var popupParams = {
-        el: elRef.value,
-        on: {
-          swipeStart: onSwipeStart,
-          swipeMove: onSwipeMove,
-          swipeEnd: onSwipeEnd,
-          swipeClose: onSwipeClose,
-          open: onOpen,
-          opened: onOpened,
-          close: onClose,
-          closed: onClosed
-        }
-      };
-      var closeByBackdropClick = props.closeByBackdropClick,
-          closeOnEscape = props.closeOnEscape,
-          animate = props.animate,
-          backdrop = props.backdrop,
-          backdropEl = props.backdropEl,
-          swipeToClose = props.swipeToClose,
-          swipeHandler = props.swipeHandler,
-          containerEl = props.containerEl;
-      if (typeof closeByBackdropClick !== 'undefined') popupParams.closeByBackdropClick = closeByBackdropClick;
-      if (typeof closeOnEscape !== 'undefined') popupParams.closeOnEscape = closeOnEscape;
-      if (typeof animate !== 'undefined') popupParams.animate = animate;
-      if (typeof backdrop !== 'undefined') popupParams.backdrop = backdrop;
-      if (typeof backdropEl !== 'undefined') popupParams.backdropEl = backdropEl;
-      if (typeof swipeToClose !== 'undefined') popupParams.swipeToClose = swipeToClose;
-      if (typeof swipeHandler !== 'undefined') popupParams.swipeHandler = swipeHandler;
-      if (typeof containerEl !== 'undefined') popupParams.containerEl = containerEl;
-      (0, _f.f7ready)(function () {
-        f7Popup.value = _f.f7.popup.create(popupParams);
-
-        if (props.opened) {
-          f7Popup.value.open(false);
-        }
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Popup.value) {
-        f7Popup.value.destroy();
-      }
-
-      f7Popup.value = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('popup', {
-        'popup-tablet-fullscreen': props.tabletFullscreen,
-        'popup-push': props.push
-      }, (0, _modalStateClasses.modalStateClasses)({
-        isOpened: isOpened,
-        isClosing: isClosing
-      }), (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/preloader.js

@@ -1,91 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _useTheme = require("../shared/use-theme");
-
-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 _hoisted_1 = {
-  key: 0,
-  class: "preloader-inner"
-};
-
-var _hoisted_2 = /*#__PURE__*/(0, _vue.createVNode)("svg", {
-  viewBox: "0 0 36 36"
-}, [/*#__PURE__*/(0, _vue.createVNode)("circle", {
-  cx: "18",
-  cy: "18",
-  r: "16"
-})], -1);
-
-var _hoisted_3 = {
-  key: 1,
-  class: "preloader-inner"
-};
-
-var _hoisted_4 = /*#__PURE__*/(0, _vue.createStaticVNode)("<span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span>", 8);
-
-var _hoisted_12 = {
-  key: 2,
-  class: "preloader-inner"
-};
-
-var _hoisted_13 = /*#__PURE__*/(0, _vue.createVNode)("span", {
-  class: "preloader-inner-circle"
-}, null, -1);
-
-var _hoisted_14 = {
-  key: 3,
-  class: "preloader-inner"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes,
-    style: _ctx.style
-  }, [_ctx.theme && _ctx.theme.md ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_1, [_hoisted_2])) : _ctx.theme && _ctx.theme.ios ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_3, [_hoisted_4])) : _ctx.theme && _ctx.theme.aurora ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_12, [_hoisted_13])) : !_ctx.theme ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_14)) : (0, _vue.createCommentVNode)("", true)], 6);
-}
-
-var _default = {
-  name: 'f7-preloader',
-  render: render,
-  props: _extends({
-    size: [Number, String]
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var theme = (0, _useTheme.useTheme)();
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('preloader', (0, _mixins.colorClasses)(props));
-    });
-    var style = (0, _vue.computed)(function () {
-      var preloaderStyle = {};
-      var sizeComputed = props.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";
-      }
-
-      return preloaderStyle;
-    });
-    return {
-      classes: classes,
-      style: style,
-      theme: theme
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/progressbar.js

@@ -1,61 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("span", {
-    ref: "elRef",
-    class: _ctx.classes,
-    "data-progress": _ctx.progress
-  }, [(0, _vue.createVNode)("span", {
-    style: _ctx.transformStyle
-  }, null, 4)], 10, ["data-progress"]);
-}
-
-var _default = {
-  name: 'f7-progressbar',
-  render: render,
-  props: _extends({
-    progress: Number,
-    infinite: Boolean
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var elRef = (0, _vue.ref)(null);
-
-    var set = function set(newProgress, speed) {
-      if (!_f.f7) return;
-
-      _f.f7.progressbar.set(elRef.value, newProgress, speed);
-    };
-
-    var transformStyle = (0, _vue.computed)(function () {
-      return {
-        transform: props.progress ? "translate3d(" + (-100 + props.progress) + "%, 0, 0)" : '',
-        WebkitTransform: props.progress ? "translate3d(" + (-100 + props.progress) + "%, 0, 0)" : ''
-      };
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('progressbar', {
-        'progressbar-infinite': props.infinite
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      set: set,
-      transformStyle: transformStyle,
-      elRef: elRef
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/radio.js

@@ -1,71 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-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 _hoisted_1 = /*#__PURE__*/(0, _vue.createVNode)("i", {
-  class: "icon-radio"
-}, null, -1);
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("label", {
-    class: _ctx.classes
-  }, [(0, _vue.createVNode)("input", {
-    ref: "inputElRef",
-    type: "radio",
-    name: _ctx.name,
-    value: _ctx.value,
-    disabled: _ctx.disabled,
-    readonly: _ctx.readonly,
-    checked: _ctx.checked,
-    onChange: _cache[1] || (_cache[1] = function () {
-      return _ctx.onChange && _ctx.onChange.apply(_ctx, arguments);
-    })
-  }, null, 40, ["name", "value", "disabled", "readonly", "checked"]), _hoisted_1, (0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-radio',
-  render: render,
-  props: _extends({
-    checked: Boolean,
-    name: [Number, String],
-    value: {
-      type: [Number, String, Boolean],
-      default: undefined
-    },
-    disabled: Boolean,
-    readonly: Boolean
-  }, _mixins.colorProps),
-  emits: ['update:checked', 'change'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var inputElRef = (0, _vue.ref)(null);
-
-    var onChange = function onChange(event) {
-      emit('update:checked', event.target.checked);
-      emit('change', event);
-    };
-
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)({
-        radio: true,
-        disabled: props.disabled
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      inputElRef: inputElRef,
-      classes: classes,
-      onChange: onChange
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/range.js

@@ -1,152 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [_ctx.input ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("input", {
-    key: 0,
-    id: "inputId",
-    type: "range",
-    name: _ctx.name
-  }, null, 8, ["name"])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-range',
-  render: render,
-  props: _extends({
-    init: {
-      type: Boolean,
-      default: true
-    },
-    value: {
-      type: [Number, Array, String],
-      default: 0
-    },
-    min: {
-      type: [Number, String],
-      default: 0
-    },
-    max: {
-      type: [Number, String],
-      default: 100
-    },
-    step: {
-      type: [Number, String],
-      default: 1
-    },
-    label: {
-      type: Boolean,
-      default: false
-    },
-    dual: {
-      type: Boolean,
-      default: false
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    },
-    verticalReversed: {
-      type: Boolean,
-      default: false
-    },
-    draggableBar: {
-      type: Boolean,
-      default: true
-    },
-    formatLabel: Function,
-    scale: {
-      type: Boolean,
-      default: false
-    },
-    scaleSteps: {
-      type: Number,
-      default: 5
-    },
-    scaleSubSteps: {
-      type: Number,
-      default: 0
-    },
-    formatScaleLabel: Function,
-    limitKnobPosition: {
-      type: Boolean,
-      default: undefined
-    },
-    name: String,
-    input: Boolean,
-    inputId: String,
-    disabled: Boolean
-  }, _mixins.colorProps),
-  emits: ['range:change', 'range:changed', 'rangeChange', 'rangeChanged', 'update:value'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7Range = null;
-    var elRef = (0, _vue.ref)(null);
-    (0, _vue.watch)(function () {
-      return props.value;
-    }, function (newValue) {
-      if (!f7Range) return;
-      var rangeValue = f7Range.value;
-
-      if (Array.isArray(newValue) && Array.isArray(rangeValue)) {
-        if (rangeValue[0] !== newValue[0] || rangeValue[1] !== newValue[1]) {
-          f7Range.setValue(newValue);
-        }
-      } else {
-        f7Range.setValue(newValue);
-      }
-    });
-    (0, _vue.onMounted)(function () {
-      (0, _f.f7ready)(function () {
-        if (!props.init || !elRef.value) return;
-        f7Range = _f.f7.range.create((0, _utils.noUndefinedProps)(_extends({
-          el: elRef.value
-        }, props, {
-          on: {
-            change: function change(range, val) {
-              emit('range:change', val);
-              emit('rangeChange', val);
-            },
-            changed: function changed(range, val) {
-              emit('range:changed', val);
-              emit('rangeChanged', val);
-              emit('update:value', val);
-            }
-          }
-        })));
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Range && f7Range.destroy) f7Range.destroy();
-      f7Range = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('range-slider', {
-        'range-slider-horizontal': !props.vertical,
-        'range-slider-vertical': props.vertical,
-        'range-slider-vertical-reversed': props.vertical && props.verticalReversed,
-        disabled: props.disabled
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/routable-modals.js

@@ -1,71 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _f = require("../shared/f7");
-
-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 _default = {
-  name: 'f7-routable-modals',
-  setup: function setup() {
-    var elRef = (0, _vue.ref)(null);
-    var modals = (0, _vue.ref)([]);
-    var routerData = (0, _vue.ref)(null);
-    (0, _vue.onMounted)(function () {
-      routerData.value = {
-        modals: modals,
-        el: elRef.value,
-        setModals: function setModals(newModals) {
-          newModals.forEach(function (modal) {
-            // eslint-disable-next-line
-            modal.component = (0, _vue.toRaw)(modal.component);
-          });
-          modals.value = [].concat(newModals);
-        }
-      };
-      _f.f7routers.modals = routerData.value;
-    });
-    (0, _vue.onUpdated)(function () {
-      if (!routerData.value || !_f.f7) return;
-
-      _f.f7events.emit('modalsRouterDidUpdate', routerData.value);
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (!routerData.value) return;
-      _f.f7routers.modals = null;
-      routerData.value = null;
-    });
-
-    var getComponent = function getComponent(modal) {
-      return (0, _vue.toRaw)(modal.component);
-    };
-
-    var getProps = function getProps(modal) {
-      var modalComponent = modal.component,
-          modalProps = modal.props;
-      var keys = [];
-      var passProps = {};
-      if (modalComponent && modalComponent.props) keys = Object.keys(modalComponent.props);
-      keys.forEach(function (key) {
-        if (key in modalProps) passProps[key] = modalProps[key];
-      });
-      return passProps;
-    };
-
-    return function () {
-      return (0, _vue.h)('div', {
-        ref: elRef,
-        class: 'framework7-modals'
-      }, [].concat(modals.value.map(function (modal) {
-        return (0, _vue.h)(getComponent(modal), _extends({
-          key: modal.id
-        }, getProps(modal)));
-      })));
-    };
-  }
-};
-exports.default = _default;