framework7-vue 6.3.4 → 7.0.0-beta.3

package/components/accordion-content.js

@@ -0,0 +1,25 @@
+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-content',
+  render,
+  props: { ...colorProps
+  },
+
+  setup(props) {
+    const classes = computed(() => classNames('accordion-item-content', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+
+};

package/{esm/components → components}/accordion-item.js

@@ -1,5 +1,3 @@
-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) {
@@ -15,47 +13,50 @@ import { colorClasses, colorProps } from '../shared/mixins';
 import { f7, f7ready } from '../shared/f7';
 export default {
   name: 'f7-accordion-item',
-  render: render,
-  props: _extends({
-    opened: Boolean
-  }, colorProps),
+  render,
+  props: {
+    opened: Boolean,
+    ...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 = ref(null);
 
-    var onBeforeOpen = function onBeforeOpen(el, prevent) {
+  setup(props, {
+    emit
+  }) {
+    const elRef = ref(null);
+
+    const onBeforeOpen = (el, prevent) => {
       if (elRef.value !== el) return;
       emit('accordion:beforeopen', prevent);
     };
 
-    var onOpen = function onOpen(el) {
+    const onOpen = el => {
       if (elRef.value !== el) return;
       emit('accordion:open');
     };
 
-    var onOpened = function onOpened(el) {
+    const onOpened = el => {
       if (elRef.value !== el) return;
       emit('accordion:opened');
     };
 
-    var onBeforeClose = function onBeforeClose(el, prevent) {
+    const onBeforeClose = (el, prevent) => {
       if (elRef.value !== el) return;
       emit('accordion:beforeclose', prevent);
     };
 
-    var onClose = function onClose(el) {
+    const onClose = el => {
       if (elRef.value !== el) return;
       emit('accordion:close');
     };
 
-    var onClosed = function onClosed(el) {
+    const onClosed = el => {
       if (elRef.value !== el) return;
       emit('accordion:closed');
     };
 
-    var attachEvents = function attachEvents() {
-      f7ready(function () {
+    const attachEvents = () => {
+      f7ready(() => {
         f7.on('accordionBeforeOpen', onBeforeOpen);
         f7.on('accordionOpen', onOpen);
         f7.on('accordionOpened', onOpened);
@@ -65,7 +66,7 @@ export default {
       });
     };
 
-    var detachEvents = function detachEvents() {
+    const detachEvents = () => {
       f7.off('accordionBeforeOpen', onBeforeOpen);
       f7.off('accordionOpen', onOpen);
       f7.off('accordionOpened', onOpened);
@@ -74,20 +75,15 @@ export default {
       f7.off('accordionClosed', onClosed);
     };
 
-    onMounted(function () {
-      return attachEvents();
-    });
-    onBeforeUnmount(function () {
-      return detachEvents();
-    });
-    var classes = computed(function () {
-      return classNames('accordion-item', {
-        'accordion-item-opened': props.opened
-      }, colorClasses(props));
-    });
+    onMounted(() => attachEvents());
+    onBeforeUnmount(() => detachEvents());
+    const classes = computed(() => classNames('accordion-item', {
+      'accordion-item-opened': props.opened
+    }, colorClasses(props)));
     return {
-      elRef: elRef,
-      classes: classes
+      elRef,
+      classes
     };
   }
+
 };

package/components/accordion-toggle.js

@@ -0,0 +1,25 @@
+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,
+  props: { ...colorProps
+  },
+
+  setup(props) {
+    const classes = computed(() => classNames('accordion-item-toggle', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+
+};

package/components/accordion.js

@@ -0,0 +1,27 @@
+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,
+  props: {
+    accordionOpposite: Boolean,
+    ...colorProps
+  },
+
+  setup(props) {
+    const classes = computed(() => classNames('accordion-list', props.accordionOpposite && 'accordion-opposite', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+
+};

package/{esm/components → components}/actions-button.js

@@ -1,11 +1,9 @@
-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, createCommentVNode as _createCommentVNode, createVNode as _createVNode } from "vue";
-var _hoisted_1 = {
+const _hoisted_1 = {
   key: 0,
   class: "actions-button-media"
 };
-var _hoisted_2 = {
+const _hoisted_2 = {
   class: "actions-button-text"
 };
 
@@ -13,9 +11,7 @@ function render(_ctx, _cache) {
   return _openBlock(), _createBlock("div", {
     ref: "elRef",
     class: _ctx.classes,
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
+    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [_ctx.hasMedia ? (_openBlock(), _createBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "media")])) : _createCommentVNode("", true), _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
 }
 
@@ -25,21 +21,24 @@ import { colorClasses, colorProps } from '../shared/mixins';
 import { f7 } from '../shared/f7';
 export default {
   name: 'f7-actions-button',
-  render: render,
-  props: _extends({
+  render,
+  props: {
     bold: Boolean,
     close: {
       type: Boolean,
       default: true
-    }
-  }, colorProps),
+    },
+    ...colorProps
+  },
   emits: ['click'],
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots,
-        emit = _ref.emit;
-    var elRef = ref(null);
 
-    var onClick = function onClick(e) {
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const elRef = ref(null);
+
+    const onClick = e => {
       if (elRef.value && props.close && f7) {
         f7.actions.close(f7.$(elRef.value).parents('.actions-modal'));
       }
@@ -47,20 +46,17 @@ export default {
       emit('click', e);
     };
 
-    var hasMedia = computed(function () {
-      return slots && !!slots.media;
-    });
-    var classes = computed(function () {
-      return classNames({
-        'actions-button': true,
-        'actions-button-bold': props.bold
-      }, colorClasses(props));
-    });
+    const hasMedia = computed(() => slots && !!slots.media);
+    const classes = computed(() => classNames({
+      'actions-button': true,
+      'actions-button-bold': props.bold
+    }, colorClasses(props)));
     return {
-      classes: classes,
-      elRef: elRef,
-      hasMedia: hasMedia,
-      onClick: onClick
+      classes,
+      elRef,
+      hasMedia,
+      onClick
     };
   }
+
 };

package/components/actions-group.js

@@ -0,0 +1,25 @@
+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,
+  props: { ...colorProps
+  },
+
+  setup(props) {
+    const classes = computed(() => classNames('actions-group', colorClasses(props)));
+    return {
+      classes
+    };
+  }
+
+};

package/components/actions-label.js

@@ -0,0 +1,38 @@
+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] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, [_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,
+  props: {
+    bold: Boolean,
+    ...colorProps
+  },
+  emits: ['click'],
+
+  setup(props, {
+    emit
+  }) {
+    const onClick = e => {
+      emit('click', e);
+    };
+
+    const classes = computed(() => classNames('actions-label', {
+      'actions-button-bold': props.bold
+    }, colorClasses(props)));
+    return {
+      classes,
+      onClick
+    };
+  }
+
+};

package/{esm/components → components}/actions.js

@@ -1,5 +1,3 @@
-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) {
@@ -16,8 +14,8 @@ import { f7ready, f7 } from '../shared/f7';
 import { modalStateClasses } from '../shared/modal-state-classes';
 export default {
   name: 'f7-actions',
-  render: render,
-  props: _extends({
+  render,
+  props: {
     tabletFullscreen: Boolean,
     opened: Boolean,
     animate: {
@@ -60,44 +58,45 @@ export default {
     containerEl: {
       type: [String, Object],
       default: undefined
-    }
-  }, colorProps),
+    },
+    ...colorProps
+  },
   emits: ['actions:open', 'actions:opened', 'actions:close', 'actions:closed', 'update:opened'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
+
+  setup(props, {
+    emit
+  }) {
     // eslint-disable-next-line
-    var f7Actions = null; // eslint-disable-next-line
+    let f7Actions = null; // eslint-disable-next-line
 
-    var isOpened = props.opened;
-    var isClosing = false;
-    var elRef = ref(null);
+    let isOpened = props.opened;
+    let isClosing = false;
+    const elRef = ref(null);
 
-    var onOpen = function onOpen(instance) {
+    const onOpen = instance => {
       isOpened = true;
       isClosing = false;
       emit('actions:open', instance);
       emit('update:opened', true);
     };
 
-    var onOpened = function onOpened(instance) {
+    const onOpened = instance => {
       emit('actions:opened', instance);
     };
 
-    var onClose = function onClose(instance) {
+    const onClose = instance => {
       isOpened = false;
       isClosing = true;
       emit('actions:close', instance);
     };
 
-    var onClosed = function onClosed(instance) {
+    const onClosed = instance => {
       isClosing = false;
       emit('actions:closed', instance);
       emit('update:opened', false);
     };
 
-    watch(function () {
-      return props.opened;
-    }, function (value) {
+    watch(() => props.opened, value => {
       if (!f7Actions) return;
 
       if (value) {
@@ -106,21 +105,23 @@ export default {
         f7Actions.close();
       }
     });
-    onMounted(function () {
+    onMounted(() => {
       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 = {
+      const {
+        target,
+        convertToPopover,
+        forceToPopover,
+        closeByBackdropClick,
+        closeByOutsideClick,
+        closeOnEscape,
+        backdrop,
+        backdropEl,
+        grid,
+        containerEl
+      } = props;
+      const params = {
         el: elRef.value,
-        grid: grid,
+        grid,
         on: {
           open: onOpen,
           opened: onOpened,
@@ -137,7 +138,7 @@ export default {
       if (typeof backdrop !== 'undefined') params.backdrop = backdrop;
       if (typeof backdropEl !== 'undefined') params.backdropEl = backdropEl;
       if (typeof containerEl !== 'undefined') params.containerEl = containerEl;
-      f7ready(function () {
+      f7ready(() => {
         f7Actions = f7.popup.create(params);
 
         if (props.opened) {
@@ -145,24 +146,23 @@ export default {
         }
       });
     });
-    onBeforeUnmount(function () {
+    onBeforeUnmount(() => {
       if (f7Actions) {
         f7Actions.destroy();
       }
 
       f7Actions = null;
     });
-    var classes = computed(function () {
-      return classNames('actions-modal', {
-        'actions-grid': props.grid
-      }, modalStateClasses({
-        isOpened: isOpened,
-        isClosing: isClosing
-      }), colorClasses(props));
-    });
+    const classes = computed(() => classNames('actions-modal', {
+      'actions-grid': props.grid
+    }, modalStateClasses({
+      isOpened,
+      isClosing
+    }), colorClasses(props)));
     return {
-      elRef: elRef,
-      classes: classes
+      elRef,
+      classes
     };
   }
+
 };

package/components/{app/app.d.ts → app.d.ts}

@@ -39,7 +39,7 @@ declare const App: DefineComponent<
       default: () => [];
     },
 
-    autoDarkTheme: {
+    autoDarkMode: {
       type: any;
       default: undefined;
     },