framework7-vue 6.3.15 → 7.0.0-beta.11

package/cjs/components/list.js

@@ -1,230 +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); }
-
-var _default = {
-  name: 'f7-list',
-  props: _extends({
-    inset: Boolean,
-    xsmallInset: Boolean,
-    smallInset: Boolean,
-    mediumInset: Boolean,
-    largeInset: Boolean,
-    xlargeInset: Boolean,
-    mediaList: Boolean,
-    sortable: Boolean,
-    sortableTapHold: Boolean,
-    sortableEnabled: Boolean,
-    sortableMoveElements: {
-      type: Boolean,
-      default: undefined
-    },
-    sortableOpposite: Boolean,
-    accordionList: Boolean,
-    accordionOpposite: Boolean,
-    contactsList: Boolean,
-    simpleList: Boolean,
-    linksList: Boolean,
-    menuList: Boolean,
-    noHairlines: Boolean,
-    noHairlinesBetween: Boolean,
-    noHairlinesMd: Boolean,
-    noHairlinesBetweenMd: Boolean,
-    noHairlinesIos: Boolean,
-    noHairlinesBetweenIos: Boolean,
-    noHairlinesAurora: Boolean,
-    noHairlinesBetweenAurora: Boolean,
-    // Links Chevron (Arrow) Icon
-    noChevron: Boolean,
-    chevronCenter: Boolean,
-    // Tab
-    tab: Boolean,
-    tabActive: Boolean,
-    // Form
-    form: Boolean,
-    formStoreData: Boolean,
-    inlineLabels: Boolean,
-    // Virtual List
-    virtualList: Boolean,
-    virtualListParams: Object
-  }, _mixins.colorProps),
-  emits: ['submit', 'sortable:enable', 'sortable:disable', 'sortable:sort', 'sortable:move', 'virtual:itembeforeinsert', 'virtual:beforeclear', 'virtual:itemsbeforeinsert', 'virtual:itemsafterinsert', 'tab:hide', 'tab:show'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-        slots = _ref.slots;
-    var f7VirtualList = null;
-    var elRef = (0, _vue.ref)(null);
-
-    var onSubmit = function onSubmit(event) {
-      emit('submit', event);
-    };
-
-    var onSortableEnable = function onSortableEnable(el) {
-      if (elRef.value !== el) return;
-      emit('sortable:enable');
-    };
-
-    var onSortableDisable = function onSortableDisable(el) {
-      if (elRef.value !== el) return;
-      emit('sortable:disable');
-    };
-
-    var onSortableSort = function onSortableSort(el, sortData, listEl) {
-      if (elRef.value !== listEl) return;
-      emit('sortable:sort', sortData);
-    };
-
-    var onSortableMove = function onSortableMove(el, listEl) {
-      if (elRef.value !== listEl) return;
-      emit('sortable:move', el, listEl);
-    };
-
-    (0, _useTab.useTab)(elRef, emit);
-    (0, _vue.onMounted)(function () {
-      (0, _f.f7ready)(function () {
-        _f.f7.on('sortableEnable', onSortableEnable);
-
-        _f.f7.on('sortableDisable', onSortableDisable);
-
-        _f.f7.on('sortableSort', onSortableSort);
-
-        _f.f7.on('sortableMove', onSortableMove);
-
-        if (!props.virtualList) return;
-        var vlParams = props.virtualListParams || {};
-        if (!vlParams.renderItem && !vlParams.renderExternal) return;
-        if (vlParams.items) vlParams.items = (0, _vue.toRaw)(vlParams.items);
-        f7VirtualList = _f.f7.virtualList.create((0, _utils.extend)({
-          el: elRef.value,
-          on: {
-            itemBeforeInsert: function itemBeforeInsert(itemEl, item) {
-              var vl = this;
-              emit('virtual:itembeforeinsert', vl, itemEl, item);
-            },
-            beforeClear: function beforeClear(fragment) {
-              var vl = this;
-              emit('virtual:beforeclear', vl, fragment);
-            },
-            itemsBeforeInsert: function itemsBeforeInsert(fragment) {
-              var vl = this;
-              emit('virtual:itemsbeforeinsert', vl, fragment);
-            },
-            itemsAfterInsert: function itemsAfterInsert(fragment) {
-              var vl = this;
-              emit('virtual:itemsafterinsert', vl, fragment);
-            }
-          }
-        }, vlParams));
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (!_f.f7) return;
-
-      _f.f7.off('sortableEnable', onSortableEnable);
-
-      _f.f7.off('sortableDisable', onSortableDisable);
-
-      _f.f7.off('sortableSort', onSortableSort);
-
-      _f.f7.off('sortableMove', onSortableMove);
-
-      if (!(props.virtualList && f7VirtualList)) return;
-      if (f7VirtualList.destroy) f7VirtualList.destroy();
-      f7VirtualList = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('list', {
-        inset: props.inset,
-        'xsmall-inset': props.xsmallInset,
-        'small-inset': props.smallInset,
-        'medium-inset': props.mediumInset,
-        'large-inset': props.largeInset,
-        'xlarge-inset': props.xlargeInset,
-        'media-list': props.mediaList,
-        'simple-list': props.simpleList,
-        'links-list': props.linksList,
-        'menu-list': props.menuList,
-        sortable: props.sortable,
-        'sortable-tap-hold': props.sortableTapHold,
-        'sortable-enabled': props.sortableEnabled,
-        'sortable-opposite': props.sortableOpposite,
-        'accordion-list': props.accordionList,
-        'accordion-opposite': props.accordionOpposite,
-        'contacts-list': props.contactsList,
-        'virtual-list': props.virtualList,
-        tab: props.tab,
-        'tab-active': props.tabActive,
-        'no-hairlines': props.noHairlines,
-        'no-hairlines-md': props.noHairlinesMd,
-        'no-hairlines-ios': props.noHairlinesIos,
-        'no-hairlines-aurora': props.noHairlinesAurora,
-        'no-hairlines-between': props.noHairlinesBetween,
-        'no-hairlines-between-md': props.noHairlinesBetweenMd,
-        'no-hairlines-between-ios': props.noHairlinesBetweenIos,
-        'no-hairlines-between-aurora': props.noHairlinesBetweenAurora,
-        'form-store-data': props.formStoreData,
-        'inline-labels': props.inlineLabels,
-        'no-chevron': props.noChevron,
-        'chevron-center': props.chevronCenter
-      }, (0, _mixins.colorClasses)(props));
-    });
-    var ListTag = (0, _vue.computed)(function () {
-      return props.form ? 'form' : 'div';
-    });
-    var ListContext = (0, _vue.computed)(function () {
-      return {
-        listIsMedia: props.mediaList,
-        listIsSimple: props.simpleList,
-        listIsSortable: props.sortable,
-        listIsSortableOpposite: props.sortableOpposite
-      };
-    });
-    (0, _vue.provide)('ListContext', ListContext);
-    return function () {
-      var slotsList = slots.list,
-          slotsDefault = slots.default;
-      var rootChildrenBeforeList = [];
-      var rootChildrenAfterList = [];
-      var ulChildren = slotsList || [];
-      var wasUlChild = false;
-
-      if (slotsDefault) {
-        slotsDefault().forEach(function (vnode) {
-          if (typeof vnode === 'undefined') return;
-          var tag = vnode.type && vnode.type.name ? vnode.type.name : vnode.type;
-
-          if (tag && typeof tag === 'symbol') {
-            wasUlChild = true;
-            ulChildren.push(vnode);
-          } else if (!tag || tag && !(tag === 'li' || tag.indexOf('f7-list-item') >= 0 || tag.indexOf('f7-list-button') >= 0 || tag.indexOf('f7-list-input') >= 0)) {
-            if (wasUlChild) rootChildrenAfterList.push(vnode);else rootChildrenBeforeList.push(vnode);
-          } else if (tag) {
-            wasUlChild = true;
-            ulChildren.push(vnode);
-          }
-        });
-      }
-
-      return (0, _vue.h)(ListTag.value, {
-        ref: elRef,
-        class: classes.value,
-        'data-sortable-move-elements': typeof props.sortableMoveElements !== 'undefined' ? props.sortableMoveElements.toString() : undefined,
-        onSubmit: onSubmit
-      }, [slots['before-list'] && slots['before-list'](), rootChildrenBeforeList, ulChildren.length > 0 && (0, _vue.h)('ul', ulChildren), slots['after-list'] && slots['after-list'](), rootChildrenAfterList]);
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/login-screen-title.js

@@ -1,33 +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-login-screen-title',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('login-screen-title', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/login-screen.js

@@ -1,129 +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-login-screen',
-  render: render,
-  props: _extends({
-    opened: Boolean,
-    animate: {
-      type: Boolean,
-      default: undefined
-    },
-    containerEl: {
-      type: [String, Object],
-      default: undefined
-    }
-  }, _mixins.colorProps),
-  emits: ['loginscreen:open', 'loginscreen:opened', 'loginscreen:close', 'loginscreen:closed', 'update:opened'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7LoginScreen = (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('loginscreen:open', instance);
-      emit('update:opened', true);
-    };
-
-    var onOpened = function onOpened(instance) {
-      emit('loginscreen:opened', instance);
-    };
-
-    var onClose = function onClose(instance) {
-      isOpened = false;
-      isClosing = true;
-      emit('loginscreen:close', instance);
-    };
-
-    var onClosed = function onClosed(instance) {
-      isClosing = false;
-      emit('loginscreen:closed', instance);
-      emit('update:opened', false);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.opened;
-    }, function (value) {
-      if (!f7LoginScreen.value) return;
-
-      if (value) {
-        f7LoginScreen.value.open();
-      } else {
-        f7LoginScreen.value.close();
-      }
-    });
-    (0, _vue.onMounted)(function () {
-      if (!elRef.value) return;
-      (0, _f.f7ready)(function () {
-        var loginScreenParams = {
-          el: elRef.value,
-          on: {
-            open: onOpen,
-            opened: onOpened,
-            close: onClose,
-            closed: onClosed
-          }
-        };
-
-        if (typeof props.animate !== 'undefined') {
-          loginScreenParams.animate = props.animate;
-        }
-
-        if (typeof props.containerEl !== 'undefined') {
-          loginScreenParams.containerEl = props.containerEl;
-        }
-
-        f7LoginScreen.value = _f.f7.loginScreen.create(loginScreenParams);
-
-        if (props.opened) {
-          f7LoginScreen.value.open(false);
-        }
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7LoginScreen.value) {
-        f7LoginScreen.value.destroy();
-      }
-
-      f7LoginScreen.value = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('login-screen', (0, _modalStateClasses.modalStateClasses)({
-        isOpened: isOpened,
-        isClosing: isClosing
-      }), (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/menu-dropdown-item.js

@@ -1,79 +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 _useRouteProps = require("../shared/use-route-props");
-
-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", (0, _vue.mergeProps)({
-    ref: "elRef",
-    class: _ctx.classes
-  }, _ctx.attrs, {
-    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")], 16);
-}
-
-var _default = {
-  name: 'f7-menu-dropdown-item',
-  render: render,
-  props: _extends({
-    text: String,
-    link: Boolean,
-    href: String,
-    target: String,
-    divider: Boolean
-  }, _mixins.colorProps, _mixins.routerProps, _mixins.actionsProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    (0, _useRouteProps.useRouteProps)(elRef, props);
-    var isLink = (0, _vue.computed)(function () {
-      return props.link || props.href || props.href === '';
-    });
-    var tag = (0, _vue.computed)(function () {
-      return isLink.value ? 'a' : 'div';
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)({
-        'menu-dropdown-link': isLink.value && !props.divider,
-        'menu-dropdown-item': !isLink.value && !props.divider,
-        'menu-dropdown-divider': props.divider
-      }, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props), {
-        'menu-close': typeof props.menuClose === 'undefined'
-      });
-    });
-    var attrs = (0, _vue.computed)(function () {
-      var hrefComputed = props.href;
-      if (typeof hrefComputed === 'undefined' && props.link) hrefComputed = '#';
-      return _extends({
-        href: hrefComputed,
-        target: props.target
-      }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-    });
-    return {
-      classes: classes,
-      attrs: attrs,
-      tag: tag,
-      onClick: onClick,
-      elRef: elRef
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/menu-dropdown.js

@@ -1,48 +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.createVNode)("div", {
-    class: "menu-dropdown-content",
-    style: {
-      height: _ctx.contentHeight
-    }
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 4)], 2);
-}
-
-var _default = {
-  name: 'f7-menu-dropdown',
-  render: render,
-  props: _extends({
-    contentHeight: String,
-    position: String,
-    left: Boolean,
-    center: Boolean,
-    right: Boolean
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      var positionComputed = props.position || 'left';
-      if (props.left) positionComputed = 'left';
-      if (props.center) positionComputed = 'center';
-      if (props.right) positionComputed = 'right';
-      return (0, _utils.classNames)('menu-dropdown', "menu-dropdown-" + positionComputed, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/menu-item.js

@@ -1,150 +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 _useRouteProps = require("../shared/use-route-props");
-
-var _useIcon = require("../shared/use-icon");
-
-var _f = require("../shared/f7");
-
-var _useTooltip = require("../shared/use-tooltip");
-
-var _useIcon2 = _interopRequireDefault(require("./use-icon"));
-
-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); }
-
-var _hoisted_1 = {
-  key: 0,
-  class: "menu-item-content"
-};
-
-function render(_ctx, _cache) {
-  var _component_f7_use_icon = (0, _vue.resolveComponent)("f7-use-icon");
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.tag), (0, _vue.mergeProps)({
-    ref: "elRef",
-    class: _ctx.classes
-  }, _ctx.attrs, {
-    onClick: _ctx.onClick
-  }), {
-    default: (0, _vue.withCtx)(function () {
-      return [_ctx.text || _ctx.$slots.text || _ctx.icon ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.text) + " ", 1), _ctx.icon ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_use_icon, {
-        key: 0,
-        icon: _ctx.icon
-      }, null, 8, ["icon"])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "text")])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")];
-    }),
-    _: 3
-  }, 16, ["class", "onClick"]);
-}
-
-var _default = {
-  name: 'f7-menu-item',
-  render: render,
-  components: {
-    f7UseIcon: _useIcon2.default
-  },
-  props: _extends({
-    text: String,
-    iconOnly: Boolean,
-    href: String,
-    link: Boolean,
-    target: String,
-    dropdown: Boolean,
-    tooltip: String,
-    tooltipTrigger: String
-  }, _mixins.colorProps, _mixins.routerProps, _mixins.actionsProps, _mixins.iconProps),
-  emits: ['click', 'menu:opened', 'menu:closed'],
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots,
-        emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-    (0, _useTooltip.useTooltip)(elRef, props);
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    var onOpened = function onOpened(el) {
-      if (elRef.value !== el) return;
-      emit('menu:opened', el);
-    };
-
-    var onClosed = function onClosed(el) {
-      if (elRef.value !== el) return;
-      emit('menu:closed', el);
-    };
-
-    (0, _useRouteProps.useRouteProps)(elRef, props);
-
-    var attachEvents = function attachEvents() {
-      (0, _f.f7ready)(function () {
-        _f.f7.on('menuOpened', onOpened);
-
-        _f.f7.on('menuClosed', onClosed);
-      });
-    };
-
-    var detachEvents = function detachEvents() {
-      _f.f7.off('menuOpened', onOpened);
-
-      _f.f7.off('menuClosed', onOpened);
-    };
-
-    (0, _vue.onMounted)(function () {
-      return attachEvents();
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      return detachEvents();
-    });
-    var icon = (0, _vue.computed)(function () {
-      return (0, _useIcon.useIcon)(props);
-    });
-    var tag = (0, _vue.computed)(function () {
-      var isLink = props.link || props.href || props.href === '';
-      return isLink ? 'a' : 'div';
-    });
-    var classes = (0, _vue.computed)(function () {
-      var iconOnlyComputed;
-
-      if (props.iconOnly || !props.text && !slots.text) {
-        iconOnlyComputed = true;
-      } else {
-        iconOnlyComputed = false;
-      }
-
-      var isDropdown = props.dropdown || props.dropdown === '';
-      return (0, _utils.classNames)({
-        'menu-item': true,
-        'menu-item-dropdown': isDropdown,
-        'icon-only': iconOnlyComputed
-      }, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props));
-    });
-    var attrs = (0, _vue.computed)(function () {
-      var hrefComputed = props.href;
-      if (typeof hrefComputed === 'undefined' && props.link) hrefComputed = '#';
-      return _extends({
-        href: hrefComputed,
-        target: props.target
-      }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-    });
-    return {
-      tag: tag,
-      classes: classes,
-      attrs: attrs,
-      icon: icon,
-      onClick: onClick,
-      elRef: elRef
-    };
-  }
-};
-exports.default = _default;