framework7-vue 6.3.4 → 7.0.0-beta.3

package/{esm/shared → shared}/use-theme.js

@@ -1,10 +1,10 @@
 import { ref } from 'vue';
 import { f7, f7ready, theme } from './f7';
-export var useTheme = function useTheme() {
-  var t = ref(f7 ? theme : null);
+export const useTheme = () => {
+  const t = ref(f7 ? theme : null);
 
   if (!f7) {
-    f7ready(function () {
+    f7ready(() => {
       t.value = theme;
     });
   }

package/{esm/shared → shared}/use-tooltip.js

@@ -1,13 +1,15 @@
 import { watch, onMounted, onBeforeUnmount } from 'vue';
 import { f7, f7ready } from './f7';
-export var useTooltip = function useTooltip(elRef, props) {
-  var f7Tooltip = null;
-  var tooltip = props.tooltip,
-      tooltipTrigger = props.tooltipTrigger;
-  onMounted(function () {
+export const useTooltip = (elRef, props) => {
+  let f7Tooltip = null;
+  const {
+    tooltip,
+    tooltipTrigger
+  } = props;
+  onMounted(() => {
     if (!elRef.value) return;
     if (!tooltip) return;
-    f7ready(function () {
+    f7ready(() => {
       f7Tooltip = f7.tooltip.create({
         targetEl: elRef.value,
         text: tooltip,
@@ -15,15 +17,13 @@ export var useTooltip = function useTooltip(elRef, props) {
       });
     });
   });
-  onBeforeUnmount(function () {
+  onBeforeUnmount(() => {
     if (f7Tooltip && f7Tooltip.destroy) {
       f7Tooltip.destroy();
       f7Tooltip = null;
     }
   });
-  watch(function () {
-    return props.tooltip;
-  }, function (value) {
+  watch(() => props.tooltip, value => {
     if (!value && f7Tooltip) {
       f7Tooltip.destroy();
       f7Tooltip = null;

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;