framework7-vue 7.0.8 → 8.0.0-beta.1

package/components/segmented.d.ts

@@ -17,10 +17,6 @@ declare const Segmented: DefineComponent<
       type: BooleanConstructor;
     },
 
-    raisedAurora: {
-      type: BooleanConstructor;
-    },
-
     round: {
       type: BooleanConstructor;
     },
@@ -33,10 +29,6 @@ declare const Segmented: DefineComponent<
       type: BooleanConstructor;
     },
 
-    roundAurora: {
-      type: BooleanConstructor;
-    },
-
     strong: {
       type: BooleanConstructor;
     },
@@ -49,10 +41,6 @@ declare const Segmented: DefineComponent<
       type: BooleanConstructor;
     },
 
-    strongAurora: {
-      type: BooleanConstructor;
-    },
-
     tag: {
       type: StringConstructor;
       default: string;

package/components/segmented.js

@@ -3,16 +3,14 @@ const _hoisted_1 = {
   key: 0,
   class: "segmented-highlight"
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
     class: _normalizeClass(_ctx.classes)
   }, {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.strong || _ctx.strongIos || _ctx.strongMd || _ctx.strongAurora ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
+    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.strong || _ctx.strongIos || _ctx.strongMd ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
     _: 3
   }, 8, ["class"]);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -23,41 +21,33 @@ export default {
     raised: Boolean,
     raisedIos: Boolean,
     raisedMd: Boolean,
-    raisedAurora: Boolean,
     round: Boolean,
     roundIos: Boolean,
     roundMd: Boolean,
-    roundAurora: Boolean,
     strong: Boolean,
     strongIos: Boolean,
     strongMd: Boolean,
-    strongAurora: Boolean,
     tag: {
       type: String,
       default: 'div'
     },
     ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames({
       segmented: true,
       'segmented-raised': props.raised,
       'segmented-raised-ios': props.raisedIos,
-      'segmented-raised-aurora': props.raisedAurora,
       'segmented-raised-md': props.raisedMd,
       'segmented-round': props.round,
       'segmented-round-ios': props.roundIos,
-      'segmented-round-aurora': props.roundAurora,
       'segmented-round-md': props.roundMd,
       'segmented-strong': props.strong,
       'segmented-strong-ios': props.strongIos,
-      'segmented-strong-md': props.strongMd,
-      'segmented-strong-aurora': props.strongAurora
+      'segmented-strong-md': props.strongMd
     }, colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/sheet.js

@@ -54,53 +54,44 @@ export default {
     ...colorProps
   },
   emits: ['sheet:stepprogress', 'sheet:stepopen', 'sheet:stepclose', 'sheet:open', 'sheet:opened', 'sheet:close', 'sheet:closed', 'update:opened'],
-
   setup(props, _ref) {
     let {
       emit,
       slots
     } = _ref;
-    let f7Sheet = null; // eslint-disable-next-line
-
+    let f7Sheet = null;
+    // eslint-disable-next-line
     let isOpened = props.opened;
     let isClosing = false;
     const elRef = ref(null);
-
     const onStepProgress = (instance, progress) => {
       emit('sheet:stepprogress', instance, progress);
     };
-
     const onStepOpen = instance => {
       emit('sheet:stepopen', instance);
     };
-
     const onStepClose = instance => {
       emit('sheet:stepclose', instance);
     };
-
     const onOpen = instance => {
       isOpened = true;
       isClosing = false;
       emit('sheet:open', instance);
       emit('update:opened', true);
     };
-
     const onOpened = instance => {
       emit('sheet:opened', instance);
     };
-
     const onClose = instance => {
       isOpened = false;
       isClosing = true;
       emit('sheet:close', instance);
     };
-
     const onClosed = instance => {
       isClosing = false;
       emit('sheet:closed', instance);
       emit('update:opened', false);
     };
-
     onMounted(() => {
       if (!elRef.value) return;
       const sheetParams = {
@@ -139,7 +130,6 @@ export default {
       if (typeof containerEl !== 'undefined') sheetParams.containerEl = containerEl;
       f7ready(() => {
         f7Sheet = f7.sheet.create(sheetParams);
-
         if (props.opened) {
           f7Sheet.open(false);
         }
@@ -149,12 +139,10 @@ export default {
       if (f7Sheet) {
         f7Sheet.destroy();
       }
-
       f7Sheet = null;
     });
     watch(() => props.opened, value => {
       if (!f7Sheet) return;
-
       if (value) {
         f7Sheet.open();
       } else {
@@ -181,12 +169,10 @@ export default {
     return () => {
       const fixedList = [];
       const staticList = [];
-
       if (slots.default) {
         slots.default().forEach(vnode => {
           if (typeof vnode === 'undefined') return;
           const tag = vnode.type && vnode.type.name ? vnode.type.name : vnode.type;
-
           if (fixedTags.indexOf(tag) >= 0) {
             fixedList.push(vnode);
           } else {
@@ -194,7 +180,6 @@ export default {
           }
         });
       }
-
       return h('div', {
         class: classes.value,
         ref: elRef
@@ -203,5 +188,4 @@ export default {
       }, [staticList, slots.static && slots.static()])]);
     };
   }
-
 };

package/components/stepper.d.ts

@@ -37,10 +37,6 @@ declare const Stepper: DefineComponent<
       type: BooleanConstructor;
     },
 
-    roundAurora: {
-      type: BooleanConstructor;
-    },
-
     fill: {
       type: BooleanConstructor;
     },
@@ -53,10 +49,6 @@ declare const Stepper: DefineComponent<
       type: BooleanConstructor;
     },
 
-    fillAurora: {
-      type: BooleanConstructor;
-    },
-
     large: {
       type: BooleanConstructor;
     },
@@ -69,10 +61,6 @@ declare const Stepper: DefineComponent<
       type: BooleanConstructor;
     },
 
-    largeAurora: {
-      type: BooleanConstructor;
-    },
-
     small: {
       type: BooleanConstructor;
     },
@@ -85,10 +73,6 @@ declare const Stepper: DefineComponent<
       type: BooleanConstructor;
     },
 
-    smallAurora: {
-      type: BooleanConstructor;
-    },
-
     raised: {
       type: BooleanConstructor;
     },
@@ -101,10 +85,6 @@ declare const Stepper: DefineComponent<
       type: BooleanConstructor;
     },
 
-    raisedAurora: {
-      type: BooleanConstructor;
-    },
-
     init: {
       type: BooleanConstructor;
       default: boolean;

package/components/stepper.js

@@ -8,7 +8,6 @@ const _hoisted_3 = {
   key: 1,
   class: "stepper-value"
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
@@ -40,7 +39,6 @@ function render(_ctx, _cache) {
     })
   })], 2);
 }
-
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
 import { classNames, noUndefinedProps } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -113,72 +111,56 @@ export default {
     round: Boolean,
     roundMd: Boolean,
     roundIos: Boolean,
-    roundAurora: Boolean,
     fill: Boolean,
     fillMd: Boolean,
     fillIos: Boolean,
-    fillAurora: Boolean,
     large: Boolean,
     largeMd: Boolean,
     largeIos: Boolean,
-    largeAurora: Boolean,
     small: Boolean,
     smallMd: Boolean,
     smallIos: Boolean,
-    smallAurora: Boolean,
     raised: Boolean,
     raisedMd: Boolean,
     raisedIos: Boolean,
-    raisedAurora: Boolean,
     ...colorProps
   },
   emits: ['input', 'change', 'stepper:minusclick', 'stepper:plusclick', 'stepper:change', 'update:value'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
     let f7Stepper = null;
     const elRef = ref(null);
-
     const increment = () => {
       if (!f7Stepper) return;
       f7Stepper.increment();
     };
-
     const decrement = () => {
       if (!f7Stepper) return;
       f7Stepper.decrement();
     };
-
     const setValue = newValue => {
       if (f7Stepper && f7Stepper.setValue) f7Stepper.setValue(newValue);
     };
-
     const getValue = () => {
       if (f7Stepper && f7Stepper.getValue) {
         return f7Stepper.getValue();
       }
-
       return undefined;
     };
-
     const onInput = event => {
       emit('input', event, f7Stepper);
     };
-
     const onChange = event => {
       emit('change', event, f7Stepper);
     };
-
     const onMinusClick = event => {
       emit('stepper:minusclick', event, f7Stepper);
     };
-
     const onPlusClick = event => {
       emit('stepper:plusclick', event, f7Stepper);
     };
-
     watch(() => props.value, newValue => {
       if (!f7Stepper) return;
       f7Stepper.setValue(newValue);
@@ -204,7 +186,6 @@ export default {
               emit('stepper:change', newValue);
               emit('update:value', newValue);
             }
-
           }
         }));
       });
@@ -213,7 +194,6 @@ export default {
       if (f7Stepper && f7Stepper.destroy) {
         f7Stepper.destroy();
       }
-
       f7Stepper = null;
     });
     const classes = computed(() => classNames('stepper', {
@@ -221,23 +201,18 @@ export default {
       'stepper-round': props.round,
       'stepper-round-ios': props.roundIos,
       'stepper-round-md': props.roundMd,
-      'stepper-round-aurora': props.roundAurora,
       'stepper-fill': props.fill,
       'stepper-fill-ios': props.fillIos,
       'stepper-fill-md': props.fillMd,
-      'stepper-fill-aurora': props.fillAurora,
       'stepper-large': props.large,
       'stepper-large-ios': props.largeIos,
       'stepper-large-md': props.largeMd,
-      'stepper-large-aurora': props.largeAurora,
       'stepper-small': props.small,
       'stepper-small-ios': props.smallIos,
       'stepper-small-md': props.smallMd,
-      'stepper-small-aurora': props.smallAurora,
       'stepper-raised': props.raised,
       'stepper-raised-ios': props.raisedIos,
-      'stepper-raised-md': props.raisedMd,
-      'stepper-raised-aurora': props.raisedAurora
+      'stepper-raised-md': props.raisedMd
     }, colorClasses(props)));
     return {
       elRef,
@@ -252,5 +227,4 @@ export default {
       onPlusClick
     };
   }
-
 };

package/components/subnavbar.js

@@ -7,7 +7,6 @@ const _hoisted_2 = {
   key: 0,
   class: "subnavbar-title"
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
@@ -15,7 +14,6 @@ function render(_ctx, _cache) {
     key: 1
   })], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -31,7 +29,6 @@ export default {
     },
     ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('subnavbar', {
       sliding: props.sliding
@@ -40,5 +37,4 @@ export default {
       classes
     };
   }
-
 };

package/components/swipeout-actions.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';
@@ -18,16 +16,13 @@ export default {
     side: String,
     ...colorProps
   },
-
   setup(props) {
     const side = computed(() => {
       let sideComputed = props.side;
-
       if (!sideComputed) {
         if (props.left) sideComputed = 'left';
         if (props.right) sideComputed = 'right';
       }
-
       return sideComputed;
     });
     const classes = computed(() => classNames(`swipeout-actions-${side.value}`, colorClasses(props)));
@@ -35,5 +30,4 @@ export default {
       classes
     };
   }
-
 };

package/components/swipeout-button.js

@@ -1,6 +1,5 @@
 import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = ["href", "data-confirm", "data-confirm-title"];
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("a", {
     href: _ctx.href || '#',
@@ -12,7 +11,6 @@ function render(_ctx, _cache) {
     })
   }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -30,16 +28,13 @@ export default {
     ...colorProps
   },
   emits: ['click'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
-
     const onClick = e => {
       emit('click', e);
     };
-
     const classes = computed(() => classNames({
       'swipeout-overswipe': props.overswipe,
       'swipeout-delete': props.delete,
@@ -50,5 +45,4 @@ export default {
       onClick
     };
   }
-
 };

package/components/tab.js

@@ -1,5 +1,4 @@
 import { resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
@@ -11,7 +10,6 @@ function render(_ctx, _cache) {
     key: 1
   })], 2);
 }
-
 import { computed, ref, inject, onMounted, onBeforeUnmount, onUpdated, toRaw } from 'vue';
 import { classNames, getComponentId } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -25,7 +23,6 @@ export default {
     ...colorProps
   },
   emits: ['tab:show', 'tab:hide'],
-
   setup(props, _ref) {
     let {
       emit
@@ -35,21 +32,20 @@ export default {
     const route = inject('f7route', null);
     const router = inject('f7route', null);
     let initialTabContent = null;
-
     if (!routerData.value && route && route.route && route.route.tab && route.route.tab.id === props.id) {
       const {
         component,
         asyncComponent,
         options: tabRouteOptions
       } = route.route.tab;
-
       if (component || asyncComponent) {
         const parentProps = route.route.options && route.route.options.props;
         initialTabContent = {
           id: getComponentId(),
           component: component || asyncComponent,
           isAsync: !!asyncComponent,
-          props: { ...(parentProps || {}),
+          props: {
+            ...(parentProps || {}),
             ...(tabRouteOptions && tabRouteOptions.props || {}),
             f7router: router,
             f7route: route,
@@ -58,25 +54,20 @@ export default {
         };
       }
     }
-
     const tabContent = ref(initialTabContent || null);
-
     const setTabContent = newContent => {
       tabContent.value = newContent;
     };
-
     if (f7 && !routerData.value) {
       routerData.value = {
         setTabContent
       };
       f7routers.tabs.push(routerData.value);
     }
-
     onMounted(() => {
       if (elRef.value && initialTabContent) {
         elRef.value.f7RouterTabLoaded = true;
       }
-
       f7ready(() => {
         if (!routerData.value) {
           routerData.value = {
@@ -102,9 +93,7 @@ export default {
     const classes = computed(() => classNames('tab', {
       'tab-active': props.tabActive
     }, colorClasses(props)));
-
     const getComponent = content => toRaw(content.component);
-
     const getProps = content => {
       const {
         component: tabComponent,
@@ -118,7 +107,6 @@ export default {
       });
       return passProps;
     };
-
     return {
       elRef,
       classes,
@@ -127,5 +115,4 @@ export default {
       getProps
     };
   }
-
 };

package/components/tabs.js

@@ -1,5 +1,4 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
-
 function render(_ctx, _cache) {
   return _ctx.animated || _ctx.swipeable ? (_openBlock(), _createElementBlock("div", {
     key: 0,
@@ -13,7 +12,6 @@ function render(_ctx, _cache) {
     class: _normalizeClass(_ctx.classNames(_ctx.tabsClasses, _ctx.classes))
   }, [_renderSlot(_ctx.$slots, "default")], 2));
 }
-
 import { computed, ref, onMounted } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -30,7 +28,6 @@ export default {
     },
     ...colorProps
   },
-
   setup(props) {
     const elRef = ref(null);
     onMounted(() => {
@@ -55,5 +52,4 @@ export default {
       classNames
     };
   }
-
 };

package/components/text-editor.js

@@ -3,14 +3,12 @@ const _hoisted_1 = {
   class: "text-editor-content",
   contenteditable: ""
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "root-start"), _createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")]), _renderSlot(_ctx.$slots, "root-end"), _renderSlot(_ctx.$slots, "root")], 2);
 }
-
 import { computed, ref, onMounted, onBeforeUnmount, watch } from 'vue';
 import { classNames, noUndefinedProps } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -56,62 +54,49 @@ export default {
     ...colorProps
   },
   emits: ['texteditor:change', 'texteditor:input', 'texteditor:focus', 'texteditor:blur', 'texteditor:buttonclick', 'texteditor:keyboardopen', 'texteditor:keyboardclose', 'texteditor:popoveropen', 'texteditor:popoverclose', 'texteditor:insertlink', 'texteditor:insertimage', 'texteditorChange', 'texteditorInput', 'texteditorFocus', 'texteditorBlur'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
     let f7TextEditor = null;
     const elRef = ref(null);
-
     const onChange = (editor, editorValue) => {
       emit('texteditor:change', editorValue);
       emit('texteditorChange', editorValue);
     };
-
     const onInput = (editor, editorValue) => {
       emit('texteditor:input', editorValue);
       emit('texteditorInput', editorValue);
     };
-
     const onFocus = () => {
       emit('texteditor:focus');
       emit('texteditorFocus');
     };
-
     const onBlur = () => {
       emit('texteditor:blur');
       emit('texteditorBlur');
     };
-
     const onButtonClick = (editor, button) => {
       emit('texteditor:buttonclick', button);
     };
-
     const onKeyboardOpen = () => {
       emit('texteditor:keyboardopen');
     };
-
     const onKeyboardClose = () => {
       emit('texteditor:keyboardclose');
     };
-
     const onPopoverOpen = () => {
       emit('texteditor:popoveropen');
     };
-
     const onPopoverClose = () => {
       emit('texteditor:popoverclose');
     };
-
     const onInsertLink = (editor, url) => {
       emit('texteditor:insertlink', url);
     };
-
     const onInsertImage = (editor, url) => {
       emit('texteditor:insertimage', url);
     };
-
     watch(() => props.value, newValue => {
       if (f7TextEditor) {
         f7TextEditor.setValue(newValue);
@@ -151,7 +136,6 @@ export default {
       if (f7TextEditor && f7TextEditor.destroy) {
         f7TextEditor.destroy();
       }
-
       f7TextEditor = null;
     });
     const classes = computed(() => classNames('text-editor', props.resizable && 'text-editor-resizable', colorClasses(props)));
@@ -160,5 +144,4 @@ export default {
       classes
     };
   }
-
 };