framework7-vue 6.3.15 → 7.0.0-beta.11

package/cjs/components/skeleton-image.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("skeleton-elements/vue");
-
-var _default = _vue.SkeletonImage;
-exports.default = _default;

package/cjs/components/skeleton-text.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("skeleton-elements/vue");
-
-var _default = _vue.SkeletonText;
-exports.default = _default;

package/cjs/components/stepper.js

@@ -1,264 +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); }
-
-var _hoisted_1 = {
-  key: 0,
-  class: "stepper-input-wrap"
-};
-var _hoisted_2 = {
-  key: 1,
-  class: "stepper-value"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.createVNode)("div", {
-    class: "stepper-button-minus",
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onMinusClick && _ctx.onMinusClick.apply(_ctx, arguments);
-    })
-  }), _ctx.input && !_ctx.buttonsOnly ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1, [(0, _vue.createVNode)("input", {
-    id: _ctx.inputId,
-    name: _ctx.name,
-    type: _ctx.inputType,
-    min: _ctx.inputType === 'number' ? _ctx.min : undefined,
-    max: _ctx.inputType === 'number' ? _ctx.max : undefined,
-    step: _ctx.inputType === 'number' ? _ctx.step : undefined,
-    value: _ctx.value,
-    readonly: _ctx.inputReadonly,
-    onInput: _cache[2] || (_cache[2] = function () {
-      return _ctx.onInput && _ctx.onInput.apply(_ctx, arguments);
-    }),
-    onChange: _cache[3] || (_cache[3] = function () {
-      return _ctx.onChange && _ctx.onChange.apply(_ctx, arguments);
-    })
-  }, null, 40, ["id", "name", "type", "min", "max", "step", "value", "readonly"])])) : (0, _vue.createCommentVNode)("", true), !_ctx.input && !_ctx.buttonsOnly ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_2, (0, _vue.toDisplayString)(_ctx.value), 1)) : (0, _vue.createCommentVNode)("", true), (0, _vue.createVNode)("div", {
-    class: "stepper-button-plus",
-    onClick: _cache[4] || (_cache[4] = function () {
-      return _ctx.onPlusClick && _ctx.onPlusClick.apply(_ctx, arguments);
-    })
-  })], 2);
-}
-
-var _default = {
-  name: 'f7-stepper',
-  render: render,
-  props: _extends({
-    init: {
-      type: Boolean,
-      default: true
-    },
-    value: {
-      type: Number,
-      default: 0
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    formatValue: Function,
-    name: String,
-    inputId: String,
-    input: {
-      type: Boolean,
-      default: true
-    },
-    inputType: {
-      type: String,
-      default: 'text'
-    },
-    inputReadonly: {
-      type: Boolean,
-      default: false
-    },
-    autorepeat: {
-      type: Boolean,
-      default: false
-    },
-    autorepeatDynamic: {
-      type: Boolean,
-      default: false
-    },
-    wraps: {
-      type: Boolean,
-      default: false
-    },
-    manualInputMode: {
-      type: Boolean,
-      default: false
-    },
-    decimalPoint: {
-      type: Number,
-      default: 4
-    },
-    buttonsEndInputMode: {
-      type: Boolean,
-      default: true
-    },
-    disabled: Boolean,
-    buttonsOnly: Boolean,
-    round: Boolean,
-    roundMd: Boolean,
-    roundIos: Boolean,
-    roundAurora: Boolean,
-    fill: Boolean,
-    fillMd: Boolean,
-    fillIos: Boolean,
-    fillAurora: Boolean,
-    large: Boolean,
-    largeMd: Boolean,
-    largeIos: Boolean,
-    largeAurora: Boolean,
-    small: Boolean,
-    smallMd: Boolean,
-    smallIos: Boolean,
-    smallAurora: Boolean,
-    raised: Boolean,
-    raisedMd: Boolean,
-    raisedIos: Boolean,
-    raisedAurora: Boolean
-  }, _mixins.colorProps),
-  emits: ['input', 'change', 'stepper:minusclick', 'stepper:plusclick', 'stepper:change', 'update:value'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7Stepper = null;
-    var elRef = (0, _vue.ref)(null);
-
-    var increment = function increment() {
-      if (!f7Stepper) return;
-      f7Stepper.increment();
-    };
-
-    var decrement = function decrement() {
-      if (!f7Stepper) return;
-      f7Stepper.decrement();
-    };
-
-    var setValue = function setValue(newValue) {
-      if (f7Stepper && f7Stepper.setValue) f7Stepper.setValue(newValue);
-    };
-
-    var getValue = function getValue() {
-      if (f7Stepper && f7Stepper.getValue) {
-        return f7Stepper.getValue();
-      }
-
-      return undefined;
-    };
-
-    var onInput = function onInput(event) {
-      emit('input', event, f7Stepper);
-    };
-
-    var onChange = function onChange(event) {
-      emit('change', event, f7Stepper);
-    };
-
-    var onMinusClick = function onMinusClick(event) {
-      emit('stepper:minusclick', event, f7Stepper);
-    };
-
-    var onPlusClick = function onPlusClick(event) {
-      emit('stepper:plusclick', event, f7Stepper);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.value;
-    }, function (newValue) {
-      if (!f7Stepper) return;
-      f7Stepper.setValue(newValue);
-    });
-    (0, _vue.onMounted)(function () {
-      (0, _f.f7ready)(function () {
-        if (!props.init || !elRef.value) return;
-        f7Stepper = _f.f7.stepper.create((0, _utils.noUndefinedProps)({
-          el: elRef.value,
-          min: props.min,
-          max: props.max,
-          value: props.value,
-          step: props.step,
-          formatValue: props.formatValue,
-          autorepeat: props.autorepeat,
-          autorepeatDynamic: props.autorepeatDynamic,
-          wraps: props.wraps,
-          manualInputMode: props.manualInputMode,
-          decimalPoint: props.decimalPoint,
-          buttonsEndInputMode: props.buttonsEndInputMode,
-          on: {
-            change: function change(stepper, newValue) {
-              emit('stepper:change', newValue);
-              emit('update:value', newValue);
-            }
-          }
-        }));
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Stepper && f7Stepper.destroy) {
-        f7Stepper.destroy();
-      }
-
-      f7Stepper = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('stepper', {
-        disabled: props.disabled,
-        'stepper-round': props.round,
-        'stepper-round-ios': props.roundIos,
-        'stepper-round-md': props.roundMd,
-        'stepper-round-aurora': props.roundAurora,
-        'stepper-fill': props.fill,
-        'stepper-fill-ios': props.fillIos,
-        'stepper-fill-md': props.fillMd,
-        'stepper-fill-aurora': props.fillAurora,
-        'stepper-large': props.large,
-        'stepper-large-ios': props.largeIos,
-        'stepper-large-md': props.largeMd,
-        'stepper-large-aurora': props.largeAurora,
-        'stepper-small': props.small,
-        'stepper-small-ios': props.smallIos,
-        'stepper-small-md': props.smallMd,
-        'stepper-small-aurora': props.smallAurora,
-        'stepper-raised': props.raised,
-        'stepper-raised-ios': props.raisedIos,
-        'stepper-raised-md': props.raisedMd,
-        'stepper-raised-aurora': props.raisedAurora
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes,
-      increment: increment,
-      decrement: decrement,
-      setValue: setValue,
-      getValue: getValue,
-      onInput: onInput,
-      onChange: onChange,
-      onMinusClick: onMinusClick,
-      onPlusClick: onPlusClick
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/subnavbar.js

@@ -1,53 +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 = {
-  key: 0,
-  class: "subnavbar-inner"
-};
-var _hoisted_2 = {
-  key: 0,
-  class: "subnavbar-title"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [_ctx.inner ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1, [_ctx.title ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_2, (0, _vue.toDisplayString)(_ctx.title), 1)) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")])) : (0, _vue.renderSlot)(_ctx.$slots, "default", {
-    key: 1
-  })], 2);
-}
-
-var _default = {
-  name: 'f7-subnavbar',
-  render: render,
-  props: _extends({
-    sliding: Boolean,
-    title: String,
-    inner: {
-      type: Boolean,
-      default: true
-    }
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('subnavbar', {
-        sliding: props.sliding
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/swipeout-actions.js

@@ -1,47 +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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-swipeout-actions',
-  render: render,
-  props: _extends({
-    left: Boolean,
-    right: Boolean,
-    side: String
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var side = (0, _vue.computed)(function () {
-      var sideComputed = props.side;
-
-      if (!sideComputed) {
-        if (props.left) sideComputed = 'left';
-        if (props.right) sideComputed = 'right';
-      }
-
-      return sideComputed;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)("swipeout-actions-" + side.value, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/swipeout-button.js

@@ -1,59 +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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("a", {
-    href: _ctx.href || '#',
-    "data-confirm": _ctx.confirmText || undefined,
-    "data-confirm-title": _ctx.confirmTitle || undefined,
-    class: _ctx.classes,
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
-  }, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.text) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "default")], 10, ["href", "data-confirm", "data-confirm-title"]);
-}
-
-var _default = {
-  name: 'f7-swipeout-button',
-  render: render,
-  props: _extends({
-    text: String,
-    confirmTitle: String,
-    confirmText: String,
-    overswipe: Boolean,
-    close: Boolean,
-    delete: Boolean,
-    href: String
-  }, _mixins.colorProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)({
-        'swipeout-overswipe': props.overswipe,
-        'swipeout-delete': props.delete,
-        'swipeout-close': props.close
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      onClick: onClick
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/swiper-slide.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("swiper/vue");
-
-var _default = _vue.SwiperSlide;
-exports.default = _default;

package/cjs/components/swiper.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("swiper/vue");
-
-var _default = _vue.Swiper;
-exports.default = _default;

package/cjs/components/tab.js

@@ -1,142 +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 _useTab = require("../shared/use-tab");
-
-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) {
-  var _mergeProps2;
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [_ctx.tabContent ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.getComponent(_ctx.tabContent)), (0, _vue.mergeProps)((_mergeProps2 = {
-    key: 0
-  }, _mergeProps2["key"] = _ctx.tabContent.id, _mergeProps2), _ctx.getProps(_ctx.tabContent)), null, 16)) : (0, _vue.renderSlot)(_ctx.$slots, "default", {
-    key: 1
-  })], 2);
-}
-
-var _default = {
-  name: 'f7-tab',
-  render: render,
-  props: _extends({
-    tabActive: Boolean
-  }, _mixins.colorProps),
-  emits: ['tab:show', 'tab:hide'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-    var routerData = (0, _vue.ref)(null);
-    var route = (0, _vue.inject)('f7route', null);
-    var router = (0, _vue.inject)('f7route', null);
-    var initialTabContent = null;
-
-    if (!routerData.value && route && route.route && route.route.tab && route.route.tab.id === props.id) {
-      var _route$route$tab = route.route.tab,
-          component = _route$route$tab.component,
-          asyncComponent = _route$route$tab.asyncComponent,
-          tabRouteOptions = _route$route$tab.options;
-
-      if (component || asyncComponent) {
-        var parentProps = route.route.options && route.route.options.props;
-        initialTabContent = {
-          id: (0, _utils.getComponentId)(),
-          component: component || asyncComponent,
-          isAsync: !!asyncComponent,
-          props: _extends({}, parentProps || {}, tabRouteOptions && tabRouteOptions.props || {}, {
-            f7router: router,
-            f7route: route
-          }, route.params)
-        };
-      }
-    }
-
-    var tabContent = (0, _vue.ref)(initialTabContent || null);
-
-    var setTabContent = function setTabContent(newContent) {
-      tabContent.value = newContent;
-    };
-
-    if (_f.f7 && !routerData.value) {
-      routerData.value = {
-        setTabContent: setTabContent
-      };
-
-      _f.f7routers.tabs.push(routerData.value);
-    }
-
-    (0, _vue.onMounted)(function () {
-      if (elRef.value && initialTabContent) {
-        elRef.value.f7RouterTabLoaded = true;
-      }
-
-      (0, _f.f7ready)(function () {
-        if (!routerData.value) {
-          routerData.value = {
-            el: elRef.value,
-            setTabContent: setTabContent
-          };
-
-          _f.f7routers.tabs.push(routerData.value);
-        } else {
-          routerData.value.el = elRef.value;
-        }
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (!routerData.value) return;
-
-      _f.f7routers.tabs.splice(_f.f7routers.tabs.indexOf(routerData.value), 1);
-
-      routerData.value = null;
-    });
-    (0, _vue.onUpdated)(function () {
-      if (!routerData.value || !_f.f7) return;
-
-      _f.f7events.emit('tabRouterDidUpdate', routerData.value);
-    });
-    (0, _useTab.useTab)(elRef, emit);
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('tab', {
-        'tab-active': props.tabActive
-      }, (0, _mixins.colorClasses)(props));
-    });
-
-    var getComponent = function getComponent(content) {
-      return (0, _vue.toRaw)(content.component);
-    };
-
-    var getProps = function getProps(content) {
-      var tabComponent = content.component,
-          tabProps = content.props;
-      var keys = [];
-      var passProps = {};
-      if (tabComponent && tabComponent.props) keys = Object.keys(tabComponent.props);
-      keys.forEach(function (key) {
-        if (key in tabProps) passProps[key] = tabProps[key];
-      });
-      return passProps;
-    };
-
-    return {
-      elRef: elRef,
-      classes: classes,
-      tabContent: tabContent,
-      getComponent: getComponent,
-      getProps: getProps
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/tabs.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); }
-
-function render(_ctx, _cache) {
-  return _ctx.animated || _ctx.swipeable ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    key: 0,
-    ref: "elRef",
-    class: _ctx.classNames(_ctx.wrapClasses, _ctx.classes)
-  }, [(0, _vue.createVNode)("div", {
-    class: _ctx.tabsClasses
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2)], 2)) : ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    key: 1,
-    ref: "elRef",
-    class: _ctx.classNames(_ctx.tabsClasses, _ctx.classes)
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2));
-}
-
-var _default = {
-  name: 'f7-tabs',
-  render: render,
-  props: _extends({
-    animated: Boolean,
-    swipeable: Boolean,
-    routable: Boolean,
-    swiperParams: {
-      type: Object,
-      default: undefined
-    }
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var elRef = (0, _vue.ref)(null);
-    (0, _vue.onMounted)(function () {
-      if (!props.swipeable || !props.swiperParams) return;
-      if (!elRef.value) return;
-      elRef.value.f7SwiperParams = props.swiperParams;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)((0, _mixins.colorClasses)(props));
-    });
-    var wrapClasses = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)({
-        'tabs-animated-wrap': props.animated,
-        'tabs-swipeable-wrap': props.swipeable
-      });
-    });
-    var tabsClasses = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)({
-        tabs: true,
-        'tabs-routable': props.routable
-      });
-    });
-    return {
-      elRef: elRef,
-      classes: classes,
-      wrapClasses: wrapClasses,
-      tabsClasses: tabsClasses,
-      classNames: _utils.classNames
-    };
-  }
-};
-exports.default = _default;