framework7-vue 8.3.3 → 9.0.0-beta.1

package/components/accordion-item.js

@@ -17,10 +17,9 @@ export default {
     ...colorProps
   },
   emits: ['accordion:beforeopen', 'accordion:open', 'accordion:opened', 'accordion:beforeclose', 'accordion:close', 'accordion:closed'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const elRef = ref(null);
     const onBeforeOpen = (el, prevent) => {
       if (elRef.value !== el) return;

package/components/actions-button.js

@@ -10,9 +10,7 @@ function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes),
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.onClick && _ctx.onClick(...arguments);
-    })
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [_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';
@@ -31,11 +29,10 @@ export default {
     ...colorProps
   },
   emits: ['click'],
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
+  setup(props, {
+    slots,
+    emit
+  }) {
     const elRef = ref(null);
     const onClick = e => {
       if (elRef.value && props.close && f7) {

package/components/actions-label.js

@@ -2,9 +2,7 @@ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes),
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.onClick && _ctx.onClick(...arguments);
-    })
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
 import { computed } from 'vue';
@@ -18,10 +16,9 @@ export default {
     ...colorProps
   },
   emits: ['click'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const onClick = e => {
       emit('click', e);
     };

package/components/actions.js

@@ -60,10 +60,9 @@ export default {
     ...colorProps
   },
   emits: ['actions:open', 'actions:opened', 'actions:close', 'actions:closed', 'update:opened'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     // eslint-disable-next-line
     let f7Actions = null;
     // eslint-disable-next-line

package/components/app.d.ts

@@ -34,6 +34,11 @@ declare const App: DefineComponent<
       default: () => undefined;
     },
 
+    mdColorScheme: {
+      type: any;
+      default: undefined;
+    },
+
     lazyModulesPath: {
       type: any;
       default: undefined;

package/components/app.js

@@ -41,6 +41,10 @@ export default {
       type: Object,
       default: () => undefined
     },
+    mdColorScheme: {
+      type: String,
+      default: undefined
+    },
     lazyModulesPath: {
       type: String,
       default: undefined

package/components/area-chart.js

@@ -108,10 +108,9 @@ export default {
     formatTooltipDataset: Function
   },
   emits: ['select'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     let f7Tooltip = null;
     const currentIndex = ref(null);
     const hiddenDatasets = ref([]);
@@ -126,10 +125,9 @@ export default {
     });
     const summValues = computed(() => {
       const summ = [];
-      props.datasets.filter((dataset, index) => !hiddenDatasets.value.includes(index)).forEach(_ref2 => {
-        let {
-          values
-        } = _ref2;
+      props.datasets.filter((dataset, index) => !hiddenDatasets.value.includes(index)).forEach(({
+        values
+      }) => {
         values.forEach((value, valueIndex) => {
           if (!summ[valueIndex]) summ[valueIndex] = 0;
           summ[valueIndex] += value;
@@ -151,22 +149,20 @@ export default {
       const lastValues = datasets[0].values.map(() => 0);
       let maxValue = 0;
       if (lineChart) {
-        datasets.forEach(_ref3 => {
-          let {
-            values
-          } = _ref3;
+        datasets.forEach(({
+          values
+        }) => {
           const datasetMaxValue = Math.max(...values);
           if (datasetMaxValue > maxValue) maxValue = datasetMaxValue;
         });
       } else {
         maxValue = Math.max(...summValues.value);
       }
-      datasets.filter((dataset, index) => !hiddenDatasets.value.includes(index)).forEach(_ref4 => {
-        let {
-          label,
-          values,
-          color
-        } = _ref4;
+      datasets.filter((dataset, index) => !hiddenDatasets.value.includes(index)).forEach(({
+        label,
+        values,
+        color
+      }) => {
         const points = values.map((originalValue, valueIndex) => {
           lastValues[valueIndex] += originalValue;
           const value = lineChart ? originalValue : lastValues[valueIndex];
@@ -249,12 +245,11 @@ export default {
       // prettier-ignore
       const datasetsText = currentValues.length > 0 ? `
       <ul class="area-chart-tooltip-list">
-        ${currentValues.map(_ref5 => {
-        let {
-          label,
-          color,
-          value
-        } = _ref5;
+        ${currentValues.map(({
+        label,
+        color,
+        value
+      }) => {
         const valueText = props.formatTooltipDataset ? props.formatTooltipDataset(label, value, color) : `${label}: ${value}`;
         return `
               <li><span style="background-color: ${color};"></span>${valueText}</li>

package/components/block.js

@@ -45,10 +45,9 @@ export default {
     ...colorProps
   },
   emits: ['tab:hide', 'tab:show'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const elRef = ref(null);
     useTab(elRef, emit);
     const classes = computed(() => {

package/components/breadcrumbs-collapsed.js

@@ -3,9 +3,8 @@ const _hoisted_1 = {
   ref: "elRef",
   class: "breadcrumbs-collapsed"
 };
-const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", null, null, -1);
 function render(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", _hoisted_1, [_hoisted_2, _renderSlot(_ctx.$slots, "default")], 512);
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = _createElementVNode("span", null, null, -1)), _renderSlot(_ctx.$slots, "default")], 512);
 }
 import { ref } from 'vue';
 export default {

package/components/card.js

@@ -105,11 +105,10 @@ export default {
     ...colorProps
   },
   emits: ['card:beforeopen', 'card:open', 'card:opened', 'card:close', 'card:closed', 'update:expandableOpened'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     const elRef = ref(null);
     const open = () => {
       if (!elRef.value) return;

package/components/checkbox.js

@@ -1,8 +1,5 @@
 import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = ["name", "value", "disabled", "readonly", "checked"];
-const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
-  class: "icon-checkbox"
-}, null, -1);
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("label", {
     class: _normalizeClass(_ctx.classes)
@@ -14,10 +11,10 @@ function render(_ctx, _cache) {
     disabled: _ctx.disabled,
     readonly: _ctx.readonly,
     checked: _ctx.checked,
-    onChange: _cache[0] || (_cache[0] = function () {
-      return _ctx.onChange && _ctx.onChange(...arguments);
-    })
-  }, null, 40, _hoisted_1), _hoisted_2, _renderSlot(_ctx.$slots, "default")], 2);
+    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
+  }, null, 40, _hoisted_1), _cache[1] || (_cache[1] = _createElementVNode("i", {
+    class: "icon-checkbox"
+  }, null, -1)), _renderSlot(_ctx.$slots, "default")], 2);
 }
 import { ref, computed, onMounted, watch } from 'vue';
 import { classNames } from '../shared/utils.js';
@@ -38,10 +35,9 @@ export default {
     ...colorProps
   },
   emits: ['update:checked', 'change'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const inputElRef = ref(null);
     const onChange = event => {
       emit('update:checked', event.target.checked);

package/components/chip.js

@@ -17,9 +17,7 @@ function render(_ctx, _cache) {
   }, null, 8, ["icon"])) : _createCommentVNode("", true), _createTextVNode(" " + _toDisplayString(_ctx.media) + " ", 1), _renderSlot(_ctx.$slots, "media")], 2)) : _createCommentVNode("", true), _ctx.hasLabel ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "text"), _renderSlot(_ctx.$slots, "default")])) : _createCommentVNode("", true), _ctx.deleteable ? (_openBlock(), _createElementBlock("a", {
     key: 2,
     class: "chip-delete",
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.onDeleteClick && _ctx.onDeleteClick(...arguments);
-    })
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onDeleteClick && _ctx.onDeleteClick(...args))
   })) : _createCommentVNode("", true)], 2);
 }
 import { ref, computed } from 'vue';
@@ -47,11 +45,10 @@ export default {
     ...colorProps
   },
   emits: ['delete'],
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
+  setup(props, {
+    slots,
+    emit
+  }) {
     const elRef = ref(null);
     const onDeleteClick = event => {
       emit('delete', event);

package/components/fab-button.js

@@ -9,9 +9,7 @@ function render(_ctx, _cache) {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes),
     target: _ctx.target,
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.onClick && _ctx.onClick(...arguments);
-    })
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [_renderSlot(_ctx.$slots, "default"), _ctx.label ? (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString(_ctx.label), 1)) : _createCommentVNode("", true)], 10, _hoisted_1);
 }
 import { computed, ref } from 'vue';
@@ -30,10 +28,9 @@ export default {
     ...colorProps
   },
   emits: ['click'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const elRef = ref(null);
     const onClick = e => {
       emit('click', e);

package/components/fab.js

@@ -18,11 +18,10 @@ export default {
     ...colorProps
   },
   emits: ['click'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     const elRef = ref(null);
     const onClick = e => {
       emit('click', e);

package/components/input.js

@@ -71,11 +71,10 @@ export default {
     ...colorProps
   },
   emits: ['input', 'focus', 'blur', 'change', 'textarea:resize', 'input:notempty', 'input:empty', 'input:clear', 'texteditor:change', 'calendar:change', 'colorpicker:change', 'update:value'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     let f7Calendar = null;
     let f7ColorPicker = null;
     const inputInvalid = ref(false);
@@ -122,10 +121,7 @@ export default {
     const onInputClear = event => {
       emit('input:clear', event);
     };
-    const onInput = function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
+    const onInput = (...args) => {
       emit('input', ...args);
       if (inputElRef.value) {
         domValue.value = inputElRef.value.value;
@@ -137,27 +133,18 @@ export default {
         emit('update:value', inputElRef.value.value);
       }
     };
-    const onFocus = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
+    const onFocus = (...args) => {
       emit('focus', ...args);
       inputFocused.value = true;
     };
-    const onBlur = function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
+    const onBlur = (...args) => {
       emit('blur', ...args);
       if ((props.validate || props.validate === '' || props.validateOnBlur || props.validateOnBlur === '') && inputElRef.value) {
         validateInput();
       }
       inputFocused.value = false;
     };
-    const onChange = function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
+    const onChange = (...args) => {
       emit('change', ...args);
       if (props.type === 'texteditor') {
         emit('texteditor:change', args[1]);

package/components/link.js

@@ -58,10 +58,9 @@ export default {
     ...actionsProps,
     ...routerProps
   },
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
+  setup(props, {
+    slots
+  }) {
     const elRef = ref(null);
     let f7SmartSelect = null;
     useTooltip(elRef, props);

package/components/list-button.js

@@ -4,9 +4,7 @@ function render(_ctx, _cache) {
     ref: "linkElRef",
     class: _ctx.linkClasses
   }, _ctx.linkAttrs, {
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.onClick && _ctx.onClick(...arguments);
-    })
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }), [_createTextVNode(_toDisplayString(_ctx.title) + " " + _toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 16)]);
 }
 import { computed, ref } from 'vue';
@@ -32,10 +30,9 @@ export default {
     ...routerProps
   },
   emits: ['click'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const linkElRef = ref(null);
     const onClick = e => {
       emit('click', e);

package/components/list-index.js

@@ -41,10 +41,9 @@ export default {
     ...colorProps
   },
   emits: ['listindex:select'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     let f7ListIndex = null;
     const elRef = ref(null);
     const update = () => {

package/components/list-input.js

@@ -83,11 +83,10 @@ export default {
     ...colorProps
   },
   emits: ['textarea:resize', 'input:notempty', 'input:empty', 'input:clear', 'texteditor:change', 'calendar:change', 'colorpicker:change', 'change', 'focus', 'blur', 'input', 'update:value'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     const inputInvalid = ref(false);
     const inputFocused = ref(false);
     const ListContext = inject('ListContext', {
@@ -143,10 +142,7 @@ export default {
     const onInputClear = event => {
       emit('input:clear', event);
     };
-    const onInput = function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
+    const onInput = (...args) => {
       emit('input', ...args);
       if (inputElRef.value) {
         domValue.value = inputElRef.value.value;
@@ -158,27 +154,18 @@ export default {
         emit('update:value', inputElRef.value.value);
       }
     };
-    const onFocus = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
+    const onFocus = (...args) => {
       emit('focus', ...args);
       inputFocused.value = true;
     };
-    const onBlur = function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
+    const onBlur = (...args) => {
       emit('blur', ...args);
       if ((props.validate || props.validate === '' || props.validateOnBlur || props.validateOnBlur === '') && inputElRef.value) {
         validateInput(inputElRef.value);
       }
       inputFocused.value = false;
     };
-    const onChange = function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
+    const onChange = (...args) => {
       emit('change', ...args);
       if (props.type === 'texteditor') {
         emit('texteditor:change', args[0]);

package/components/list-item.js

@@ -6,18 +6,17 @@ import { useSmartSelect } from '../shared/use-smart-select.js';
 import { useTooltip } from '../shared/use-tooltip.js';
 import { f7ready, f7 } from '../shared/f7.js';
 import f7Badge from './badge.js';
-const ListItemContent = function (_temp) {
-  let {
-    props,
-    slots,
-    inputElRef,
-    onChange,
-    onClick,
-    isMediaComputed,
-    isSortableComputed,
-    isSortableOppositeComputed,
-    itemContentClasses
-  } = _temp === void 0 ? {} : _temp;
+const ListItemContent = ({
+  props,
+  slots,
+  inputElRef,
+  onChange,
+  onClick,
+  isMediaComputed,
+  isSortableComputed,
+  isSortableOppositeComputed,
+  itemContentClasses
+} = {}) => {
   const {
     radio,
     checkbox,
@@ -205,11 +204,10 @@ export default {
     ...routerProps
   },
   emits: ['click', 'swipeout', 'swipeout:overswipeenter', 'swipeout:overswipeexit', 'swipeout:deleted', 'swipeout:delete', 'swipeout:close', 'swipeout:closed', 'swipeout:open', 'swipeout:opened', 'accordion:beforeclose', 'accordion:close', 'accordion:closed', 'accordion:beforeopen', 'accordion:open', 'accordion:opened', 'change', 'update:checked'],
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
+  setup(props, {
+    slots,
+    emit
+  }) {
     const ListContext = inject('ListContext', {
       value: {
         listIsMedia: false,
@@ -361,7 +359,7 @@ export default {
     const isSortableComputed = computed(() => props.sortable === true || props.sortable === false ? props.sortable : listIsSortable.value);
     const isSortableOppositeComputed = computed(() => isSortableComputed.value && (props.sortableOpposite || listIsSortableOpposite.value));
     const linkAttrs = computed(() => ({
-      href: props.link === true ? '' : props.link || props.href,
+      href: props.href === false ? undefined : props.link === true ? props.href || '' : props.link || props.href,
       target: props.target,
       'data-tab': isStringProp(props.tabLink) && props.tabLink || undefined,
       ...routerAttrs(props),

package/components/list.js

@@ -63,11 +63,10 @@ export default {
     ...colorProps
   },
   emits: ['submit', 'sortable:enable', 'sortable:disable', 'sortable:sort', 'sortable:move', 'virtual:itembeforeinsert', 'virtual:beforeclear', 'virtual:itemsbeforeinsert', 'virtual:itemsafterinsert', 'tab:hide', 'tab:show'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     let f7VirtualList = null;
     const elRef = ref(null);
     const onSubmit = event => {

package/components/login-screen.js

@@ -26,10 +26,9 @@ export default {
     ...colorProps
   },
   emits: ['loginscreen:open', 'loginscreen:opened', 'loginscreen:close', 'loginscreen:closed', 'update:opened'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const f7LoginScreen = ref(null);
     // eslint-disable-next-line
     let isOpened = props.opened;