framework7-vue 7.0.8 → 8.0.0-beta.1

package/components/accordion-content.js

@@ -1,25 +1,22 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_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
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('accordion-item-content', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/accordion-item.js

@@ -1,12 +1,10 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { ref, computed, onBeforeUnmount, onMounted } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -19,43 +17,35 @@ export default {
     ...colorProps
   },
   emits: ['accordion:beforeopen', 'accordion:open', 'accordion:opened', 'accordion:beforeclose', 'accordion:close', 'accordion:closed'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
     const elRef = ref(null);
-
     const onBeforeOpen = (el, prevent) => {
       if (elRef.value !== el) return;
       emit('accordion:beforeopen', prevent);
     };
-
     const onOpen = el => {
       if (elRef.value !== el) return;
       emit('accordion:open');
     };
-
     const onOpened = el => {
       if (elRef.value !== el) return;
       emit('accordion:opened');
     };
-
     const onBeforeClose = (el, prevent) => {
       if (elRef.value !== el) return;
       emit('accordion:beforeclose', prevent);
     };
-
     const onClose = el => {
       if (elRef.value !== el) return;
       emit('accordion:close');
     };
-
     const onClosed = el => {
       if (elRef.value !== el) return;
       emit('accordion:closed');
     };
-
     const attachEvents = () => {
       f7ready(() => {
         f7.on('accordionBeforeOpen', onBeforeOpen);
@@ -66,7 +56,6 @@ export default {
         f7.on('accordionClosed', onClosed);
       });
     };
-
     const detachEvents = () => {
       f7.off('accordionBeforeOpen', onBeforeOpen);
       f7.off('accordionOpen', onOpen);
@@ -75,7 +64,6 @@ export default {
       f7.off('accordionClose', onClose);
       f7.off('accordionClosed', onClosed);
     };
-
     onMounted(() => attachEvents());
     onBeforeUnmount(() => detachEvents());
     const classes = computed(() => classNames('accordion-item', {
@@ -86,5 +74,4 @@ export default {
       classes
     };
   }
-
 };

package/components/accordion-toggle.js

@@ -1,25 +1,22 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_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
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('accordion-item-toggle', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/accordion.js

@@ -1,11 +1,9 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -16,12 +14,10 @@ export default {
     accordionOpposite: Boolean,
     ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('accordion-list', props.accordionOpposite && 'accordion-opposite', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/actions-button.d.ts

@@ -5,7 +5,7 @@ import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
 declare const ActionsButton: DefineComponent<
   {
     
-    bold: {
+    strong: {
       type: BooleanConstructor;
     },
 

package/components/actions-button.js

@@ -6,7 +6,6 @@ const _hoisted_1 = {
 const _hoisted_2 = {
   class: "actions-button-text"
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
@@ -16,7 +15,6 @@ function render(_ctx, _cache) {
     })
   }, [_ctx.hasMedia ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_renderSlot(_ctx.$slots, "media")])) : _createCommentVNode("", true), _createElementVNode("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';
@@ -25,7 +23,7 @@ export default {
   name: 'f7-actions-button',
   render,
   props: {
-    bold: Boolean,
+    strong: Boolean,
     close: {
       type: Boolean,
       default: true
@@ -33,26 +31,22 @@ export default {
     ...colorProps
   },
   emits: ['click'],
-
   setup(props, _ref) {
     let {
       slots,
       emit
     } = _ref;
     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
+      'actions-button-strong': props.strong
     }, colorClasses(props)));
     return {
       classes,
@@ -61,5 +55,4 @@ export default {
       onClick
     };
   }
-
 };

package/components/actions-group.js

@@ -1,25 +1,22 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_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
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('actions-group', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/actions-label.d.ts

@@ -5,7 +5,7 @@ import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
 declare const ActionsLabel: DefineComponent<
   {
     
-    bold: {
+    strong: {
       type: BooleanConstructor;
     },
 

package/components/actions-label.js

@@ -1,5 +1,4 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes),
@@ -8,7 +7,6 @@ function render(_ctx, _cache) {
     })
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -16,27 +14,23 @@ export default {
   name: 'f7-actions-label',
   render,
   props: {
-    bold: Boolean,
+    strong: Boolean,
     ...colorProps
   },
   emits: ['click'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
-
     const onClick = e => {
       emit('click', e);
     };
-
     const classes = computed(() => classNames('actions-label', {
-      'actions-button-bold': props.bold
+      'actions-button-strong': props.strong
     }, colorClasses(props)));
     return {
       classes,
       onClick
     };
   }
-
 };

package/components/actions.js

@@ -1,12 +1,10 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -62,44 +60,37 @@ export default {
     ...colorProps
   },
   emits: ['actions:open', 'actions:opened', 'actions:close', 'actions:closed', 'update:opened'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
     // eslint-disable-next-line
-    let f7Actions = null; // eslint-disable-next-line
-
+    let f7Actions = null;
+    // eslint-disable-next-line
     let isOpened = props.opened;
     let isClosing = false;
     const elRef = ref(null);
-
     const onOpen = instance => {
       isOpened = true;
       isClosing = false;
       emit('actions:open', instance);
       emit('update:opened', true);
     };
-
     const onOpened = instance => {
       emit('actions:opened', instance);
     };
-
     const onClose = instance => {
       isOpened = false;
       isClosing = true;
       emit('actions:close', instance);
     };
-
     const onClosed = instance => {
       isClosing = false;
       emit('actions:closed', instance);
       emit('update:opened', false);
     };
-
     watch(() => props.opened, value => {
       if (!f7Actions) return;
-
       if (value) {
         f7Actions.open();
       } else {
@@ -141,7 +132,6 @@ export default {
       if (typeof containerEl !== 'undefined') params.containerEl = containerEl;
       f7ready(() => {
         f7Actions = f7.popup.create(params);
-
         if (props.opened) {
           f7Actions.open(false);
         }
@@ -151,7 +141,6 @@ export default {
       if (f7Actions) {
         f7Actions.destroy();
       }
-
       f7Actions = null;
     });
     const classes = computed(() => classNames('actions-modal', {
@@ -165,5 +154,4 @@ export default {
       classes
     };
   }
-
 };

package/components/app.d.ts

@@ -39,9 +39,14 @@ declare const App: DefineComponent<
       default: () => [];
     },
 
-    autoDarkMode: {
+    darkMode: {
+      type: BooleanConstructor | StringConstructor | any;
+      default: boolean;
+    },
+
+    colors: {
       type: any;
-      default: undefined;
+      default: () => undefined;
     },
 
     lazyModulesPath: {
@@ -124,11 +129,6 @@ declare const App: DefineComponent<
       default: () => undefined;
     },
 
-    grid: {
-      type: any;
-      default: () => undefined;
-    },
-
     infiniteScroll: {
       type: any;
       default: () => undefined;
@@ -139,11 +139,6 @@ declare const App: DefineComponent<
       default: () => undefined;
     },
 
-    lazy: {
-      type: any;
-      default: () => undefined;
-    },
-
     listIndex: {
       type: any;
       default: () => undefined;

package/components/app.js

@@ -1,15 +1,12 @@
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   const _component_routable_modals = _resolveComponent("routable-modals");
-
   return _openBlock(), _createElementBlock("div", {
     id: "framework7-root",
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default"), _createVNode(_component_routable_modals)], 2);
 }
-
 import { ref, onMounted, computed, toRaw } from 'vue';
 import { classNames, noUndefinedProps } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -48,9 +45,13 @@ export default {
       default: () => []
     },
     store: Object,
-    autoDarkMode: {
-      type: Boolean,
-      default: undefined
+    darkMode: {
+      type: [Boolean, String],
+      default: false
+    },
+    colors: {
+      type: Object,
+      default: () => undefined
     },
     lazyModulesPath: {
       type: String,
@@ -117,10 +118,6 @@ export default {
       type: Object,
       default: () => undefined
     },
-    grid: {
-      type: Object,
-      default: () => undefined
-    },
     infiniteScroll: {
       type: Object,
       default: () => undefined
@@ -129,10 +126,6 @@ export default {
       type: Object,
       default: () => undefined
     },
-    lazy: {
-      type: Object,
-      default: () => undefined
-    },
     listIndex: {
       type: Object,
       default: () => undefined
@@ -252,33 +245,28 @@ export default {
     },
     ...colorProps
   },
-
   setup(props) {
     const elRef = ref(null);
     const routes = toRaw(props.routes);
-
     if (!f7 || typeof window === 'undefined') {
-      f7init(elRef.value, noUndefinedProps({ ...props,
+      f7init(elRef.value, noUndefinedProps({
+        ...props,
         routes
       }), false);
     }
-
     onMounted(() => {
       const parentEl = elRef.value && elRef.value.parentNode;
       /* eslint-disable no-restricted-globals */
-
       if (typeof document !== 'undefined' && parentEl && parentEl !== document.body && parentEl.parentNode === document.body) {
         parentEl.style.height = '100%';
       }
       /* eslint-enable no-restricted-globals */
-
-
       if (f7) {
         f7.init(elRef.value);
         return;
       }
-
-      f7init(elRef.value, noUndefinedProps({ ...props,
+      f7init(elRef.value, noUndefinedProps({
+        ...props,
         routes
       }), true);
     });
@@ -288,5 +276,4 @@ export default {
       elRef
     };
   }
-
 };

package/components/appbar.js

@@ -1,14 +1,13 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "before-inner"), _ctx.inner ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: _normalizeClass(_ctx.innerClasses)
-  }, [_renderSlot(_ctx.$slots, "default")], 2)) : _renderSlot(_ctx.$slots, "default", {
+  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)) : _renderSlot(_ctx.$slots, "default", {
     key: 1
-  }), _renderSlot(_ctx.$slots, "after-inner")], 2);
+  }), _renderSlot(_ctx.$slots, "after-inner")], 2 /* CLASS */);
 }
 
 import { computed } from 'vue';
@@ -28,7 +27,6 @@ export default {
     innerClassName: String,
     ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('appbar', {
       'no-shadow': props.noShadow,
@@ -40,5 +38,4 @@ export default {
       innerClasses
     };
   }
-
 };