framework7-vue 6.3.4 → 7.0.0-beta.3

package/cjs/components/popover.js

@@ -1,166 +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); }
-
-var _hoisted_1 = /*#__PURE__*/(0, _vue.createVNode)("div", {
-  class: "popover-angle"
-}, null, -1);
-
-var _hoisted_2 = {
-  class: "popover-inner"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [_hoisted_1, (0, _vue.createVNode)("div", _hoisted_2, [(0, _vue.renderSlot)(_ctx.$slots, "default")])], 2);
-}
-
-var _default = {
-  name: 'f7-popover',
-  render: render,
-  props: _extends({
-    opened: Boolean,
-    animate: {
-      type: Boolean,
-      default: undefined
-    },
-    targetEl: {
-      type: [String, Object],
-      default: undefined
-    },
-    backdrop: {
-      type: Boolean,
-      default: undefined
-    },
-    backdropEl: {
-      type: [String, Object],
-      default: undefined
-    },
-    closeByBackdropClick: {
-      type: Boolean,
-      default: undefined
-    },
-    closeByOutsideClick: {
-      type: Boolean,
-      default: undefined
-    },
-    closeOnEscape: {
-      type: Boolean,
-      default: undefined
-    },
-    containerEl: {
-      type: [String, Object],
-      default: undefined
-    }
-  }, _mixins.colorProps),
-  emits: ['popover:open', 'popover:opened', 'popover:close', 'popover:closed', 'update:opened'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7Popover = (0, _vue.ref)(null); // eslint-disable-next-line
-
-    var isOpened = props.opened;
-    var isClosing = false;
-    var elRef = (0, _vue.ref)(null);
-
-    var onOpen = function onOpen(instance) {
-      isOpened = true;
-      isClosing = false;
-      emit('popover:open', instance);
-      emit('update:opened', true);
-    };
-
-    var onOpened = function onOpened(instance) {
-      emit('popover:opened', instance);
-    };
-
-    var onClose = function onClose(instance) {
-      isOpened = false;
-      isClosing = true;
-      emit('popover:close', instance);
-    };
-
-    var onClosed = function onClosed(instance) {
-      isClosing = false;
-      emit('popover:closed', instance);
-      emit('update:opened', false);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.opened;
-    }, function (value) {
-      if (!f7Popover.value) return;
-
-      if (value) {
-        f7Popover.value.open();
-      } else {
-        f7Popover.value.close();
-      }
-    });
-    (0, _vue.onMounted)(function () {
-      if (!elRef.value) return;
-      var popoverParams = {
-        el: elRef.value,
-        on: {
-          open: onOpen,
-          opened: onOpened,
-          close: onClose,
-          closed: onClosed
-        }
-      };
-      var targetEl = props.targetEl,
-          closeByBackdropClick = props.closeByBackdropClick,
-          closeByOutsideClick = props.closeByOutsideClick,
-          closeOnEscape = props.closeOnEscape,
-          backdrop = props.backdrop,
-          backdropEl = props.backdropEl,
-          containerEl = props.containerEl;
-      if (typeof targetEl !== 'undefined') popoverParams.targetEl = targetEl;
-      if (typeof closeByBackdropClick !== 'undefined') popoverParams.closeByBackdropClick = closeByBackdropClick;
-      if (typeof closeByOutsideClick !== 'undefined') popoverParams.closeByOutsideClick = closeByOutsideClick;
-      if (typeof closeOnEscape !== 'undefined') popoverParams.closeOnEscape = closeOnEscape;
-      if (typeof backdrop !== 'undefined') popoverParams.backdrop = backdrop;
-      if (typeof backdropEl !== 'undefined') popoverParams.backdropEl = backdropEl;
-      if (typeof containerEl !== 'undefined') popoverParams.containerEl = containerEl;
-      (0, _f.f7ready)(function () {
-        f7Popover.value = _f.f7.popover.create(popoverParams);
-
-        if (props.opened) {
-          f7Popover.value.open(targetEl, false);
-        }
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Popover.value) {
-        f7Popover.value.destroy();
-      }
-
-      f7Popover.value = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('popover', (0, _modalStateClasses.modalStateClasses)({
-        isOpened: isOpened,
-        isClosing: isClosing
-      }), (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

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;