framework7-vue 6.3.4 → 7.0.0-beta.3

package/esm/components/accordion-toggle.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-accordion-toggle',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('accordion-item-toggle', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/accordion.js

@@ -1,28 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-accordion',
-  render: render,
-  props: _extends({
-    accordionOpposite: Boolean
-  }, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('accordion-list', props.accordionOpposite && 'accordion-opposite', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/actions-group.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-actions-group',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('actions-group', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/actions-label.js

@@ -1,41 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes,
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-actions-label',
-  render: render,
-  props: _extends({
-    bold: Boolean
-  }, colorProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    var classes = computed(function () {
-      return classNames('actions-label', {
-        'actions-button-bold': props.bold
-      }, colorClasses(props));
-    });
-    return {
-      classes: classes,
-      onClick: onClick
-    };
-  }
-};

package/esm/components/app.js

@@ -1,381 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  var _component_routable_modals = _resolveComponent("routable-modals");
-
-  return _openBlock(), _createBlock("div", {
-    id: "framework7-root",
-    ref: "elRef",
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default"), _createVNode(_component_routable_modals)], 2);
-}
-
-import { ref, onMounted, computed, toRaw } from 'vue';
-import { classNames, noUndefinedProps } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import RoutableModals from './routable-modals';
-import { f7init, f7 } from '../shared/f7';
-export default {
-  name: 'f7-app',
-  render: render,
-  components: {
-    RoutableModals: RoutableModals
-  },
-  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;
-      }
-    }
-  }, colorProps),
-  setup: function setup(props) {
-    var elRef = ref(null);
-    var routes = toRaw(props.routes);
-
-    if (!f7 || typeof window === 'undefined') {
-      f7init(elRef.value, noUndefinedProps(_extends({}, props, {
-        routes: routes
-      })), false);
-    }
-
-    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 (f7) {
-        f7.init(elRef.value);
-        return;
-      }
-
-      f7init(elRef.value, noUndefinedProps(_extends({}, props, {
-        routes: routes
-      })), true);
-    });
-    var classes = computed(function () {
-      return classNames('framework7-root', colorClasses(props));
-    });
-    return {
-      classes: classes,
-      elRef: elRef
-    };
-  }
-};

package/esm/components/badge.js

@@ -1,34 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("span", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed, ref } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
-export default {
-  name: 'f7-badge',
-  render: render,
-  props: _extends({
-    tooltip: String,
-    tooltipTrigger: String
-  }, colorProps),
-  setup: function setup(props) {
-    var elRef = ref(null);
-    useTooltip(elRef, props);
-    var classes = computed(function () {
-      return classNames('badge', colorClasses(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};

package/esm/components/block-footer.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-block-footer',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('block-footer', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/block-header.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-block-header',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('block-header', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/card-content.js

@@ -1,33 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-card-content',
-  render: render,
-  props: _extends({
-    padding: {
-      type: Boolean,
-      default: true
-    }
-  }, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('card-content', {
-        'card-content-padding': props.padding
-      }, colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/card-footer.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-card-footer',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('card-footer', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/card-header.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-card-header',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('card-header', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};