framework7-vue 6.3.16 → 7.0.0-beta.12

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.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+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) {
@@ -10,52 +8,55 @@ function render(_ctx, _cache) {
 }
 
 import { ref, computed, onBeforeUnmount, onMounted } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7, f7ready } from '../shared/f7';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7, f7ready } from '../shared/f7.js';
 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.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+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.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+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/components/actions-button.js

@@ -0,0 +1,62 @@
+import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createVNode as _createVNode } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "actions-button-media"
+};
+const _hoisted_2 = {
+  class: "actions-button-text"
+};
+
+function render(_ctx, _cache) {
+  return _openBlock(), _createBlock("div", {
+    ref: "elRef",
+    class: _ctx.classes,
+    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);
+}
+
+import { computed, ref } from 'vue';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7 } from '../shared/f7.js';
+export default {
+  name: 'f7-actions-button',
+  render,
+  props: {
+    bold: Boolean,
+    close: {
+      type: Boolean,
+      default: true
+    },
+    ...colorProps
+  },
+  emits: ['click'],
+
+  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'));
+      }
+
+      emit('click', e);
+    };
+
+    const hasMedia = computed(() => slots && !!slots.media);
+    const classes = computed(() => classNames({
+      'actions-button': true,
+      'actions-button-bold': props.bold
+    }, colorClasses(props)));
+    return {
+      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.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+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.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+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) {
@@ -10,14 +8,14 @@ function render(_ctx, _cache) {
 }
 
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
-import { modalStateClasses } from '../shared/modal-state-classes';
+import { classNames } from '../shared/utils.js';
+import { colorClasses, colorProps } from '../shared/mixins.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import { modalStateClasses } from '../shared/modal-state-classes.js';
 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;
     },