framework7-vue 6.3.15 → 7.0.0-beta.11

package/{esm/shared → shared}/utils.js

@@ -1,7 +1,7 @@
 import { Comment, Fragment } from 'vue';
 export function noUndefinedProps(obj) {
-  var o = {};
-  Object.keys(obj).forEach(function (key) {
+  const o = {};
+  Object.keys(obj).forEach(key => {
     if (typeof obj[key] !== 'undefined') o[key] = obj[key];
   });
   return o;
@@ -15,35 +15,30 @@ export function isObject(o) {
 export function now() {
   return Date.now();
 }
-export function extend() {
-  var deep = true;
-  var to;
-  var from;
-
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
+export function extend(...args) {
+  let deep = true;
+  let to;
+  let from;
 
   if (typeof args[0] === 'boolean') {
-    deep = args[0];
-    to = args[1];
+    [deep, to] = args;
     args.splice(0, 2);
     from = args;
   } else {
-    to = args[0];
+    [to] = args;
     args.splice(0, 1);
     from = args;
   }
 
-  for (var i = 0; i < from.length; i += 1) {
-    var nextSource = args[i];
+  for (let i = 0; i < from.length; i += 1) {
+    const nextSource = args[i];
 
     if (nextSource !== undefined && nextSource !== null) {
-      var keysArray = Object.keys(Object(nextSource));
+      const keysArray = Object.keys(Object(nextSource));
 
-      for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
-        var nextKey = keysArray[nextIndex];
-        var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+      for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
+        const nextKey = keysArray[nextIndex];
+        const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
 
         if (desc !== undefined && desc.enumerable) {
           if (!deep) {
@@ -63,54 +58,45 @@ export function extend() {
 
   return to;
 }
-export function classNames() {
-  var classes = [];
-
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
-  args.forEach(function (arg) {
+export function classNames(...args) {
+  const classes = [];
+  args.forEach(arg => {
     if (typeof arg === 'object' && arg.constructor === Object) {
-      Object.keys(arg).forEach(function (key) {
+      Object.keys(arg).forEach(key => {
         if (arg[key]) classes.push(key);
       });
     } else if (arg) classes.push(arg);
   });
-  var uniqueClasses = [];
-  classes.forEach(function (c) {
+  const uniqueClasses = [];
+  classes.forEach(c => {
     if (uniqueClasses.indexOf(c) < 0) uniqueClasses.push(c);
   });
   return uniqueClasses.join(' ');
 }
-var routerIdCounter = 0;
-var routerComponentIdCounter = 0;
+let routerIdCounter = 0;
+let routerComponentIdCounter = 0;
 export function unsetRouterIds() {
   routerIdCounter = 0;
   routerComponentIdCounter = 0;
 }
 export function getRouterId() {
   routerIdCounter += 1;
-  return now() + "_" + routerIdCounter;
+  return `${now()}_${routerIdCounter}`;
 }
 export function getComponentId() {
   routerComponentIdCounter += 1;
-  return now() + "_" + routerComponentIdCounter;
+  return `${now()}_${routerComponentIdCounter}`;
 }
-export function getChildren(slots, slotName) {
-  if (slotName === void 0) {
-    slotName = 'default';
-  }
-
-  var result = [];
+export function getChildren(slots, slotName = 'default') {
+  const result = [];
 
-  var getElementsChildren = function getElementsChildren(els) {
+  const getElementsChildren = els => {
     if (!Array.isArray(els)) {
       return;
     }
 
-    els.forEach(function (vnode) {
-      var isFragment = vnode.type === Fragment;
+    els.forEach(vnode => {
+      const isFragment = vnode.type === Fragment;
 
       if (isFragment && vnode.children) {
         getElementsChildren(vnode.children);

package/bundle/package.json

@@ -1,8 +0,0 @@
-{
-  "name": "framework7-vue/bundle",
-  "private": true,
-  "main": "../cjs/framework7-vue-bundle.js",
-  "module": "../esm/framework7-vue-bundle.js",
-  "jsnext:main": "../esm/framework7-vue-bundle.js",
-  "typings": "../framework7-vue.d.ts"
-}

package/cjs/components/accordion-content.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-accordion-content',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('accordion-item-content', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/accordion-item.js

@@ -1,111 +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); }
-
-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-accordion-item',
-  render: render,
-  props: _extends({
-    opened: Boolean
-  }, _mixins.colorProps),
-  emits: ['accordion:beforeopen', 'accordion:open', 'accordion:opened', 'accordion:beforeclose', 'accordion:close', 'accordion:closed'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-
-    var onBeforeOpen = function onBeforeOpen(el, prevent) {
-      if (elRef.value !== el) return;
-      emit('accordion:beforeopen', prevent);
-    };
-
-    var onOpen = function onOpen(el) {
-      if (elRef.value !== el) return;
-      emit('accordion:open');
-    };
-
-    var onOpened = function onOpened(el) {
-      if (elRef.value !== el) return;
-      emit('accordion:opened');
-    };
-
-    var onBeforeClose = function onBeforeClose(el, prevent) {
-      if (elRef.value !== el) return;
-      emit('accordion:beforeclose', prevent);
-    };
-
-    var onClose = function onClose(el) {
-      if (elRef.value !== el) return;
-      emit('accordion:close');
-    };
-
-    var onClosed = function onClosed(el) {
-      if (elRef.value !== el) return;
-      emit('accordion:closed');
-    };
-
-    var attachEvents = function attachEvents() {
-      (0, _f.f7ready)(function () {
-        _f.f7.on('accordionBeforeOpen', onBeforeOpen);
-
-        _f.f7.on('accordionOpen', onOpen);
-
-        _f.f7.on('accordionOpened', onOpened);
-
-        _f.f7.on('accordionBeforeClose', onBeforeClose);
-
-        _f.f7.on('accordionClose', onClose);
-
-        _f.f7.on('accordionClosed', onClosed);
-      });
-    };
-
-    var detachEvents = function detachEvents() {
-      _f.f7.off('accordionBeforeOpen', onBeforeOpen);
-
-      _f.f7.off('accordionOpen', onOpen);
-
-      _f.f7.off('accordionOpened', onOpened);
-
-      _f.f7.off('accordionBeforeClose', onBeforeClose);
-
-      _f.f7.off('accordionClose', onClose);
-
-      _f.f7.off('accordionClosed', onClosed);
-    };
-
-    (0, _vue.onMounted)(function () {
-      return attachEvents();
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      return detachEvents();
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('accordion-item', {
-        'accordion-item-opened': props.opened
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/accordion-toggle.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-accordion-toggle',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('accordion-item-toggle', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/accordion.js

@@ -1,35 +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-accordion',
-  render: render,
-  props: _extends({
-    accordionOpposite: Boolean
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('accordion-list', props.accordionOpposite && 'accordion-opposite', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/actions-button.js

@@ -1,75 +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: "actions-button-media"
-};
-var _hoisted_2 = {
-  class: "actions-button-text"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes,
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
-  }, [_ctx.hasMedia ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "media")])) : (0, _vue.createCommentVNode)("", true), (0, _vue.createVNode)("div", _hoisted_2, [(0, _vue.renderSlot)(_ctx.$slots, "default")])], 2);
-}
-
-var _default = {
-  name: 'f7-actions-button',
-  render: render,
-  props: _extends({
-    bold: Boolean,
-    close: {
-      type: Boolean,
-      default: true
-    }
-  }, _mixins.colorProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots,
-        emit = _ref.emit;
-    var elRef = (0, _vue.ref)(null);
-
-    var onClick = function onClick(e) {
-      if (elRef.value && props.close && _f.f7) {
-        _f.f7.actions.close(_f.f7.$(elRef.value).parents('.actions-modal'));
-      }
-
-      emit('click', e);
-    };
-
-    var hasMedia = (0, _vue.computed)(function () {
-      return slots && !!slots.media;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)({
-        'actions-button': true,
-        'actions-button-bold': props.bold
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      elRef: elRef,
-      hasMedia: hasMedia,
-      onClick: onClick
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/actions-group.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-actions-group',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('actions-group', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/actions-label.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,
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-actions-label',
-  render: render,
-  props: _extends({
-    bold: Boolean
-  }, _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)('actions-label', {
-        'actions-button-bold': props.bold
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      onClick: onClick
-    };
-  }
-};
-exports.default = _default;

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;