framework7-vue 6.3.4 → 7.0.0-beta.3

package/cjs/components/sheet.js

@@ -1,211 +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 _default = {
-  name: 'f7-sheet',
-  props: _extends({
-    opened: Boolean,
-    animate: {
-      type: Boolean,
-      default: undefined
-    },
-    top: Boolean,
-    bottom: Boolean,
-    position: String,
-    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
-    },
-    push: Boolean,
-    swipeToClose: {
-      type: Boolean,
-      default: undefined
-    },
-    swipeToStep: {
-      type: Boolean,
-      default: undefined
-    },
-    swipeHandler: {
-      type: [String, Object],
-      default: undefined
-    },
-    containerEl: {
-      type: [String, Object],
-      default: undefined
-    }
-  }, _mixins.colorProps),
-  emits: ['sheet:stepprogress', 'sheet:stepopen', 'sheet:stepclose', 'sheet:open', 'sheet:opened', 'sheet:close', 'sheet:closed', 'update:opened'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-        slots = _ref.slots;
-    var f7Sheet = null; // eslint-disable-next-line
-
-    var isOpened = props.opened;
-    var isClosing = false;
-    var elRef = (0, _vue.ref)(null);
-
-    var onStepProgress = function onStepProgress(instance, progress) {
-      emit('sheet:stepprogress', instance, progress);
-    };
-
-    var onStepOpen = function onStepOpen(instance) {
-      emit('sheet:stepopen', instance);
-    };
-
-    var onStepClose = function onStepClose(instance) {
-      emit('sheet:stepclose', instance);
-    };
-
-    var onOpen = function onOpen(instance) {
-      isOpened = true;
-      isClosing = false;
-      emit('sheet:open', instance);
-      emit('update:opened', true);
-    };
-
-    var onOpened = function onOpened(instance) {
-      emit('sheet:opened', instance);
-    };
-
-    var onClose = function onClose(instance) {
-      isOpened = false;
-      isClosing = true;
-      emit('sheet:close', instance);
-    };
-
-    var onClosed = function onClosed(instance) {
-      isClosing = false;
-      emit('sheet:closed', instance);
-      emit('update:opened', false);
-    };
-
-    (0, _vue.onMounted)(function () {
-      if (!elRef.value) return;
-      var sheetParams = {
-        el: elRef.value,
-        on: {
-          open: onOpen,
-          opened: onOpened,
-          close: onClose,
-          closed: onClosed,
-          stepOpen: onStepOpen,
-          stepClose: onStepClose,
-          stepProgress: onStepProgress
-        }
-      };
-      var animate = props.animate,
-          backdrop = props.backdrop,
-          backdropEl = props.backdropEl,
-          closeByBackdropClick = props.closeByBackdropClick,
-          closeByOutsideClick = props.closeByOutsideClick,
-          closeOnEscape = props.closeOnEscape,
-          swipeToClose = props.swipeToClose,
-          swipeToStep = props.swipeToStep,
-          swipeHandler = props.swipeHandler,
-          containerEl = props.containerEl;
-      if (typeof animate !== 'undefined') sheetParams.animate = animate;
-      if (typeof backdrop !== 'undefined') sheetParams.backdrop = backdrop;
-      if (typeof backdropEl !== 'undefined') sheetParams.backdropEl = backdropEl;
-      if (typeof closeByBackdropClick !== 'undefined') sheetParams.closeByBackdropClick = closeByBackdropClick;
-      if (typeof closeByOutsideClick !== 'undefined') sheetParams.closeByOutsideClick = closeByOutsideClick;
-      if (typeof closeOnEscape !== 'undefined') sheetParams.closeOnEscape = closeOnEscape;
-      if (typeof swipeToClose !== 'undefined') sheetParams.swipeToClose = swipeToClose;
-      if (typeof swipeToStep !== 'undefined') sheetParams.swipeToStep = swipeToStep;
-      if (typeof swipeHandler !== 'undefined') sheetParams.swipeHandler = swipeHandler;
-      if (typeof containerEl !== 'undefined') sheetParams.containerEl = containerEl;
-      (0, _f.f7ready)(function () {
-        f7Sheet = _f.f7.sheet.create(sheetParams);
-
-        if (props.opened) {
-          f7Sheet.open(false);
-        }
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Sheet) {
-        f7Sheet.destroy();
-      }
-
-      f7Sheet = null;
-    });
-    (0, _vue.watch)(function () {
-      return props.opened;
-    }, function (value) {
-      if (!f7Sheet) return;
-
-      if (value) {
-        f7Sheet.open();
-      } else {
-        f7Sheet.close();
-      }
-    });
-    var classes = (0, _vue.computed)(function () {
-      var positionComputed = 'bottom';
-      if (props.position) positionComputed = props.position;else if (props.top) positionComputed = 'top';else if (props.bottom) positionComputed = 'bottom';
-      return (0, _utils.classNames)('sheet-modal', "sheet-modal-" + positionComputed, {
-        'sheet-modal-push': props.push
-      }, (0, _modalStateClasses.modalStateClasses)({
-        isOpened: isOpened,
-        isClosing: isClosing
-      }), (0, _mixins.colorClasses)(props));
-    });
-    var fixedTags = 'navbar toolbar tabbar subnavbar searchbar messagebar fab list-index panel'.split(' ').map(function (tagName) {
-      return "f7-" + tagName;
-    });
-    return function () {
-      var fixedList = [];
-      var staticList = [];
-
-      if (slots.default) {
-        slots.default().forEach(function (vnode) {
-          if (typeof vnode === 'undefined') return;
-          var tag = vnode.type && vnode.type.name ? vnode.type.name : vnode.type;
-
-          if (fixedTags.indexOf(tag) >= 0) {
-            fixedList.push(vnode);
-          } else {
-            staticList.push(vnode);
-          }
-        });
-      }
-
-      return (0, _vue.h)('div', {
-        class: classes.value,
-        ref: elRef
-      }, [fixedList, slots.fixed && slots.fixed(), (0, _vue.h)('div', {
-        class: 'sheet-modal-inner'
-      }, [staticList, slots.static && slots.static()])]);
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/skeleton-avatar.js

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

package/cjs/components/skeleton-block.js

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

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;