framework7-vue 6.3.4 → 7.0.0-beta.3

package/cjs/components/actions.js

@@ -1,177 +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-actions',
-  render: render,
-  props: _extends({
-    tabletFullscreen: Boolean,
-    opened: Boolean,
-    animate: {
-      type: Boolean,
-      default: undefined
-    },
-    grid: Boolean,
-    target: {
-      type: [String, Object],
-      default: undefined
-    },
-    convertToPopover: {
-      type: Boolean,
-      default: undefined
-    },
-    forceToPopover: {
-      type: Boolean,
-      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: ['actions:open', 'actions:opened', 'actions:close', 'actions:closed', 'update:opened'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    // eslint-disable-next-line
-    var f7Actions = 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('actions:open', instance);
-      emit('update:opened', true);
-    };
-
-    var onOpened = function onOpened(instance) {
-      emit('actions:opened', instance);
-    };
-
-    var onClose = function onClose(instance) {
-      isOpened = false;
-      isClosing = true;
-      emit('actions:close', instance);
-    };
-
-    var onClosed = function onClosed(instance) {
-      isClosing = false;
-      emit('actions:closed', instance);
-      emit('update:opened', false);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.opened;
-    }, function (value) {
-      if (!f7Actions) return;
-
-      if (value) {
-        f7Actions.open();
-      } else {
-        f7Actions.close();
-      }
-    });
-    (0, _vue.onMounted)(function () {
-      if (!elRef.value) return;
-      var target = props.target,
-          convertToPopover = props.convertToPopover,
-          forceToPopover = props.forceToPopover,
-          closeByBackdropClick = props.closeByBackdropClick,
-          closeByOutsideClick = props.closeByOutsideClick,
-          closeOnEscape = props.closeOnEscape,
-          backdrop = props.backdrop,
-          backdropEl = props.backdropEl,
-          grid = props.grid,
-          containerEl = props.containerEl;
-      var params = {
-        el: elRef.value,
-        grid: grid,
-        on: {
-          open: onOpen,
-          opened: onOpened,
-          close: onClose,
-          closed: onClosed
-        }
-      };
-      if (typeof target !== 'undefined') params.target = target;
-      if (typeof convertToPopover !== 'undefined') params.convertToPopover = convertToPopover;
-      if (typeof forceToPopover !== 'undefined') params.forceToPopover = forceToPopover;
-      if (typeof closeByBackdropClick !== 'undefined') params.closeByBackdropClick = closeByBackdropClick;
-      if (typeof closeByOutsideClick !== 'undefined') params.closeByOutsideClick = closeByOutsideClick;
-      if (typeof closeOnEscape !== 'undefined') params.closeOnEscape = closeOnEscape;
-      if (typeof backdrop !== 'undefined') params.backdrop = backdrop;
-      if (typeof backdropEl !== 'undefined') params.backdropEl = backdropEl;
-      if (typeof containerEl !== 'undefined') params.containerEl = containerEl;
-      (0, _f.f7ready)(function () {
-        f7Actions = _f.f7.popup.create(params);
-
-        if (props.opened) {
-          f7Actions.open(false);
-        }
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Actions) {
-        f7Actions.destroy();
-      }
-
-      f7Actions = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('actions-modal', {
-        'actions-grid': props.grid
-      }, (0, _modalStateClasses.modalStateClasses)({
-        isOpened: isOpened,
-        isClosing: isClosing
-      }), (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/app.js

@@ -1,393 +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 _routableModals = _interopRequireDefault(require("./routable-modals"));
-
-var _f = require("../shared/f7");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _component_routable_modals = (0, _vue.resolveComponent)("routable-modals");
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    id: "framework7-root",
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default"), (0, _vue.createVNode)(_component_routable_modals)], 2);
-}
-
-var _default2 = {
-  name: 'f7-app',
-  render: render,
-  components: {
-    RoutableModals: _routableModals.default
-  },
-  inheritAttrs: false,
-  props: _extends({
-    id: {
-      type: String,
-      default: undefined
-    },
-    name: {
-      type: String,
-      default: undefined
-    },
-    version: {
-      type: String,
-      default: undefined
-    },
-    theme: {
-      type: String,
-      default: undefined
-    },
-    language: {
-      type: String,
-      default: undefined
-    },
-    routes: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    store: Object,
-    autoDarkTheme: {
-      type: Boolean,
-      default: undefined
-    },
-    lazyModulesPath: {
-      type: String,
-      default: undefined
-    },
-    initOnDeviceReady: {
-      type: Boolean,
-      default: undefined
-    },
-    iosTranslucentBars: {
-      type: Boolean,
-      default: undefined
-    },
-    iosTranslucentModals: {
-      type: Boolean,
-      default: undefined
-    },
-    userAgent: {
-      type: String,
-      default: undefined
-    },
-    url: {
-      type: String,
-      default: undefined
-    },
-    // components
-    accordion: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    actions: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    areaChart: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    autocomplete: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    calendar: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    card: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    colorPicker: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    dialog: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    form: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    gauge: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    grid: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    infiniteScroll: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    input: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    lazy: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    listIndex: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    loginScreen: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    messagebar: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    messages: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    navbar: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    notification: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    panel: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    photoBrowser: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    picker: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    pieChart: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    popover: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    popup: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    range: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    searchbar: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    sheet: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    smartSelect: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    sortable: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    statusbar: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    stepper: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    swipeout: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    textEditor: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    toast: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    toolbar: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    tooltip: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    view: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    virtualList: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    // modules
-    clicks: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    serviceWorker: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    touch: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    }
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var elRef = (0, _vue.ref)(null);
-    var routes = (0, _vue.toRaw)(props.routes);
-
-    if (!_f.f7 || typeof window === 'undefined') {
-      (0, _f.f7init)(elRef.value, (0, _utils.noUndefinedProps)(_extends({}, props, {
-        routes: routes
-      })), false);
-    }
-
-    (0, _vue.onMounted)(function () {
-      var parentEl = elRef.value && elRef.value.parentNode;
-      /* eslint-disable no-restricted-globals */
-
-      if (typeof document !== 'undefined' && parentEl && parentEl !== document.body && parentEl.parentNode === document.body) {
-        parentEl.style.height = '100%';
-      }
-      /* eslint-enable no-restricted-globals */
-
-
-      if (_f.f7) {
-        _f.f7.init(elRef.value);
-
-        return;
-      }
-
-      (0, _f.f7init)(elRef.value, (0, _utils.noUndefinedProps)(_extends({}, props, {
-        routes: routes
-      })), true);
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('framework7-root', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      elRef: elRef
-    };
-  }
-};
-exports.default = _default2;

package/cjs/components/appbar.js

@@ -1,54 +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, "before-inner"), _ctx.inner ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    key: 0,
-    class: _ctx.innerClasses
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2)) : (0, _vue.renderSlot)(_ctx.$slots, "default", {
-    key: 1
-  }), (0, _vue.renderSlot)(_ctx.$slots, "after-inner")], 2);
-}
-
-var _default = {
-  name: 'f7-appbar',
-  render: render,
-  props: _extends({
-    noShadow: Boolean,
-    noHairline: Boolean,
-    inner: {
-      type: Boolean,
-      default: true
-    },
-    innerClass: String,
-    innerClassName: String
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('appbar', {
-        'no-shadow': props.noShadow,
-        'no-hairline': props.noHairline
-      }, (0, _mixins.colorClasses)(props));
-    });
-    var innerClasses = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('appbar-inner', props.innerClass, props.innerClassName);
-    });
-    return {
-      classes: classes,
-      innerClasses: innerClasses
-    };
-  }
-};
-exports.default = _default;