framework7-vue 8.3.3 → 9.0.0-beta.1

package/components/pie-chart.js

@@ -1,4 +1,4 @@
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, renderSlot as _renderSlot } from "vue";
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, renderSlot as _renderSlot } from "vue";
 const _hoisted_1 = ["width", "height", "viewBox"];
 const _hoisted_2 = ["d", "fill", "data-index", "onClick", "onMouseenter"];
 function render(_ctx, _cache) {
@@ -10,9 +10,9 @@ function render(_ctx, _cache) {
     width: _ctx.size,
     height: _ctx.size,
     viewBox: `-${_ctx.size / 3} -${_ctx.size / 3} ${_ctx.size * 2 / 3} ${_ctx.size * 2 / 3}`,
-    style: _normalizeStyle({
+    style: {
       transform: 'rotate(-90deg)'
-    })
+    }
   }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.paths, (path, index) => {
     return _openBlock(), _createElementBlock("path", {
       key: path.label || index,
@@ -26,7 +26,7 @@ function render(_ctx, _cache) {
       onMouseenter: $event => _ctx.setCurrentIndex(index),
       onMouseleave: _cache[0] || (_cache[0] = $event => _ctx.setCurrentIndex(null))
     }, null, 42, _hoisted_2);
-  }), 128))], 12, _hoisted_1)), _renderSlot(_ctx.$slots, "default")], 2);
+  }), 128))], 8, _hoisted_1)), _renderSlot(_ctx.$slots, "default")], 2);
 }
 import { computed, onBeforeUnmount, ref, watch } from 'vue';
 import { classNames } from '../shared/utils.js';
@@ -47,10 +47,9 @@ export default {
     formatTooltip: Function
   },
   emits: ['select'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const elRef = ref(null);
     let f7Tooltip = null;
     const currentIndex = ref(null);
@@ -72,12 +71,11 @@ export default {
         const y = Math.sin(2 * Math.PI * percentage) * (props.size / 3);
         return [x, y];
       }
-      props.datasets.forEach(_ref2 => {
-        let {
-          value,
-          label,
-          color
-        } = _ref2;
+      props.datasets.forEach(({
+        value,
+        label,
+        color
+      }) => {
         const percentage = value / summValue.value;
         const [startX, startY] = getCoordinatesForPercentage(cumulativePercentage);
         cumulativePercentage += percentage;

package/components/popover.d.ts

@@ -19,11 +19,6 @@ declare const Popover: DefineComponent<
       default: undefined;
     },
 
-    arrow: {
-      type: BooleanConstructor;
-      default: undefined;
-    },
-
     backdrop: {
       type: BooleanConstructor;
       default: undefined;

package/components/popover.js

@@ -1,16 +1,12 @@
-import { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
+import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = {
-  key: 0,
-  class: "popover-arrow"
-};
-const _hoisted_2 = {
   class: "popover-inner"
 };
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
-  }, [_ctx.arrow !== false ? (_openBlock(), _createElementBlock("div", _hoisted_1)) : _createCommentVNode("", true), _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])], 2);
+  }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 2);
 }
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';
@@ -30,10 +26,6 @@ export default {
       type: [String, Object],
       default: undefined
     },
-    arrow: {
-      type: Boolean,
-      default: undefined
-    },
     backdrop: {
       type: Boolean,
       default: undefined
@@ -65,10 +57,9 @@ export default {
     ...colorProps
   },
   emits: ['popover:open', 'popover:opened', 'popover:close', 'popover:closed', 'update:opened'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const f7Popover = ref(null);
     // eslint-disable-next-line
     let isOpened = props.opened;
@@ -117,7 +108,6 @@ export default {
         closeByBackdropClick,
         closeByOutsideClick,
         closeOnEscape,
-        arrow,
         backdrop,
         backdropEl,
         containerEl,
@@ -127,7 +117,6 @@ export default {
       if (typeof closeByBackdropClick !== 'undefined') popoverParams.closeByBackdropClick = closeByBackdropClick;
       if (typeof closeByOutsideClick !== 'undefined') popoverParams.closeByOutsideClick = closeByOutsideClick;
       if (typeof closeOnEscape !== 'undefined') popoverParams.closeOnEscape = closeOnEscape;
-      if (typeof arrow !== 'undefined') popoverParams.arrow = arrow;
       if (typeof backdrop !== 'undefined') popoverParams.backdrop = backdrop;
       if (typeof backdropEl !== 'undefined') popoverParams.backdropEl = backdropEl;
       if (typeof containerEl !== 'undefined') popoverParams.containerEl = containerEl;

package/components/popup.js

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

package/components/preloader.js

@@ -3,21 +3,11 @@ const _hoisted_1 = {
   key: 0,
   class: "preloader-inner"
 };
-const _hoisted_2 = /*#__PURE__*/_createElementVNode("svg", {
-  viewBox: "0 0 36 36"
-}, [/*#__PURE__*/_createElementVNode("circle", {
-  cx: "18",
-  cy: "18",
-  r: "16"
-})], -1);
-const _hoisted_3 = [_hoisted_2];
-const _hoisted_4 = {
+const _hoisted_2 = {
   key: 1,
   class: "preloader-inner"
 };
-const _hoisted_5 = /*#__PURE__*/_createStaticVNode("<span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span>", 8);
-const _hoisted_13 = [_hoisted_5];
-const _hoisted_14 = {
+const _hoisted_3 = {
   key: 2,
   class: "preloader-inner"
 };
@@ -25,7 +15,13 @@ function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes),
     style: _normalizeStyle(_ctx.style)
-  }, [_ctx.theme && _ctx.theme.md ? (_openBlock(), _createElementBlock("span", _hoisted_1, _hoisted_3)) : _ctx.theme && _ctx.theme.ios ? (_openBlock(), _createElementBlock("span", _hoisted_4, _hoisted_13)) : !_ctx.theme ? (_openBlock(), _createElementBlock("span", _hoisted_14)) : _createCommentVNode("", true)], 6);
+  }, [_ctx.theme && _ctx.theme.md ? (_openBlock(), _createElementBlock("span", _hoisted_1, [...(_cache[0] || (_cache[0] = [_createElementVNode("svg", {
+    viewBox: "0 0 36 36"
+  }, [_createElementVNode("circle", {
+    cx: "18",
+    cy: "18",
+    r: "16"
+  })], -1)]))])) : _ctx.theme && _ctx.theme.ios ? (_openBlock(), _createElementBlock("span", _hoisted_2, [...(_cache[1] || (_cache[1] = [_createStaticVNode("<span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span><span class=\"preloader-inner-line\"></span>", 8)]))])) : !_ctx.theme ? (_openBlock(), _createElementBlock("span", _hoisted_3)) : _createCommentVNode("", true)], 6);
 }
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';

package/components/radio.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-radio"
-}, 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-radio"
+  }, null, -1)), _renderSlot(_ctx.$slots, "default")], 2);
 }
 import { ref, computed } from 'vue';
 import { classNames } from '../shared/utils.js';
@@ -37,10 +34,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/range.js

@@ -84,10 +84,9 @@ export default {
     ...colorProps
   },
   emits: ['range:change', 'range:changed', 'rangeChange', 'rangeChanged', 'update:value'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     let f7Range = null;
     const elRef = ref(null);
     watch(() => props.value, newValue => {

package/components/searchbar.js

@@ -6,9 +6,9 @@ const _hoisted_2 = {
   class: "searchbar-input-wrap"
 };
 const _hoisted_3 = ["value", "placeholder", "spellcheck"];
-const _hoisted_4 = /*#__PURE__*/_createElementVNode("i", {
-  class: "searchbar-icon"
-}, null, -1);
+const _hoisted_4 = {
+  key: 0
+};
 function render(_ctx, _cache) {
   return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
     ref: "elRef",
@@ -20,31 +20,23 @@ function render(_ctx, _cache) {
       placeholder: _ctx.placeholder,
       spellcheck: _ctx.spellcheck,
       type: "search",
-      onInput: _cache[0] || (_cache[0] = function () {
-        return _ctx.onInput && _ctx.onInput(...arguments);
-      }),
-      onChange: _cache[1] || (_cache[1] = function () {
-        return _ctx.onChange && _ctx.onChange(...arguments);
-      }),
-      onFocus: _cache[2] || (_cache[2] = function () {
-        return _ctx.onFocus && _ctx.onFocus(...arguments);
-      }),
-      onBlur: _cache[3] || (_cache[3] = function () {
-        return _ctx.onBlur && _ctx.onBlur(...arguments);
-      })
-    }, null, 40, _hoisted_3), _hoisted_4, _ctx.clearButton ? (_openBlock(), _createElementBlock("span", {
+      onInput: _cache[0] || (_cache[0] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+      onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
+      onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
+      onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
+    }, null, 40, _hoisted_3), _cache[6] || (_cache[6] = _createElementVNode("i", {
+      class: "searchbar-icon"
+    }, null, -1)), _ctx.clearButton ? (_openBlock(), _createElementBlock("span", {
       key: 0,
       class: "input-clear-button",
-      onClick: _cache[4] || (_cache[4] = function () {
-        return _ctx.onClearButtonClick && _ctx.onClearButtonClick(...arguments);
-      })
+      onClick: _cache[4] || (_cache[4] = (...args) => _ctx.onClearButtonClick && _ctx.onClearButtonClick(...args))
     })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "input-wrap-end")]), _ctx.disableButton ? (_openBlock(), _createElementBlock("span", {
       key: 0,
       class: "searchbar-disable-button",
-      onClick: _cache[5] || (_cache[5] = function () {
-        return _ctx.onDisableButtonClick && _ctx.onDisableButtonClick(...arguments);
-      })
-    }, _toDisplayString(_ctx.disableButtonText), 1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "inner-end"), _renderSlot(_ctx.$slots, "default")]), _renderSlot(_ctx.$slots, "after-inner")]),
+      onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onDisableButtonClick && _ctx.onDisableButtonClick(...args))
+    }, [_cache[7] || (_cache[7] = _createElementVNode("i", {
+      class: "icon icon-close"
+    }, null, -1)), _ctx.disableButtonText ? (_openBlock(), _createElementBlock("span", _hoisted_4, _toDisplayString(_ctx.disableButtonText), 1)) : _createCommentVNode("", true)])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "inner-end"), _renderSlot(_ctx.$slots, "default")]), _renderSlot(_ctx.$slots, "after-inner")]),
     _: 3
   }, 40, ["class", "onSubmit"]);
 }
@@ -158,10 +150,9 @@ export default {
     ...colorProps
   },
   emits: ['change', 'input', 'focus', 'blur', 'submit', 'click:clear', 'click:disable', 'searchbar:search', 'searchbar:clear', 'searchbar:enable', 'searchbar:disable', 'update:value'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     let f7Searchbar = null;
     const elRef = ref(null);
     const search = query => {

package/components/sheet.js

@@ -66,11 +66,10 @@ export default {
     ...colorProps
   },
   emits: ['sheet:stepprogress', 'sheet:stepopen', 'sheet:stepclose', 'sheet:open', 'sheet:opened', 'sheet:close', 'sheet:closed', 'sheet:breakpoint', 'update:opened'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     let f7Sheet = null;
     // eslint-disable-next-line
     let isOpened = props.opened;

package/components/stepper.js

@@ -14,9 +14,7 @@ function render(_ctx, _cache) {
     class: _normalizeClass(_ctx.classes)
   }, [_createElementVNode("div", {
     class: "stepper-button-minus",
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.onMinusClick && _ctx.onMinusClick(...arguments);
-    })
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onMinusClick && _ctx.onMinusClick(...args))
   }), _ctx.input && !_ctx.buttonsOnly ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("input", {
     id: _ctx.inputId,
     name: _ctx.name,
@@ -26,17 +24,11 @@ function render(_ctx, _cache) {
     step: _ctx.inputType === 'number' ? _ctx.step : undefined,
     value: _ctx.value,
     readonly: _ctx.inputReadonly,
-    onInput: _cache[1] || (_cache[1] = function () {
-      return _ctx.onInput && _ctx.onInput(...arguments);
-    }),
-    onChange: _cache[2] || (_cache[2] = function () {
-      return _ctx.onChange && _ctx.onChange(...arguments);
-    })
+    onInput: _cache[1] || (_cache[1] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+    onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args))
   }, null, 40, _hoisted_2)])) : _createCommentVNode("", true), !_ctx.input && !_ctx.buttonsOnly ? (_openBlock(), _createElementBlock("div", _hoisted_3, _toDisplayString(_ctx.value), 1)) : _createCommentVNode("", true), _createElementVNode("div", {
     class: "stepper-button-plus",
-    onClick: _cache[3] || (_cache[3] = function () {
-      return _ctx.onPlusClick && _ctx.onPlusClick(...arguments);
-    })
+    onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onPlusClick && _ctx.onPlusClick(...args))
   })], 2);
 }
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue';
@@ -126,10 +118,9 @@ export default {
     ...colorProps
   },
   emits: ['input', 'change', 'stepper:minusclick', 'stepper:plusclick', 'stepper:change', 'update:value'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     let f7Stepper = null;
     const elRef = ref(null);
     const increment = () => {

package/components/subnavbar.d.ts

@@ -5,10 +5,6 @@ import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
 declare const Subnavbar: DefineComponent<
   {
     
-    sliding: {
-      type: BooleanConstructor;
-    },
-
     title: {
       type: StringConstructor;
     },

package/components/subnavbar.js

@@ -21,7 +21,6 @@ export default {
   name: 'f7-subnavbar',
   render,
   props: {
-    sliding: Boolean,
     title: String,
     inner: {
       type: Boolean,
@@ -30,9 +29,7 @@ export default {
     ...colorProps
   },
   setup(props) {
-    const classes = computed(() => classNames('subnavbar', {
-      sliding: props.sliding
-    }, colorClasses(props)));
+    const classes = computed(() => classNames('subnavbar', {}, colorClasses(props)));
     return {
       classes
     };

package/components/swipeout-button.js

@@ -6,9 +6,7 @@ function render(_ctx, _cache) {
     "data-confirm": _ctx.confirmText || undefined,
     "data-confirm-title": _ctx.confirmTitle || undefined,
     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))
   }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
 }
 import { computed } from 'vue';
@@ -28,10 +26,9 @@ export default {
     ...colorProps
   },
   emits: ['click'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const onClick = e => {
       emit('click', e);
     };

package/components/tab.js

@@ -31,10 +31,9 @@ export default {
     ...colorProps
   },
   emits: ['tab:show', 'tab:hide'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const elRef = ref(null);
     const routerData = ref(null);
     const route = inject('f7route', null);

package/components/text-editor.js

@@ -54,10 +54,9 @@ 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;
+  setup(props, {
+    emit
+  }) {
     let f7TextEditor = null;
     const elRef = ref(null);
     const onChange = (editor, editorValue) => {

package/components/toggle.js

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

package/components/toolbar-pane.d.ts

@@ -0,0 +1,19 @@
+
+import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+
+
+declare const ToolbarPane: DefineComponent<
+  {
+    
+  },
+  () => JSX.Element,
+  unknown,
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  
+>;
+
+export default ToolbarPane;
+  

package/components/toolbar-pane.js

@@ -0,0 +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", {
+    ref: "elRef",
+    class: _normalizeClass(_ctx.classes)
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
+}
+import { computed } from 'vue';
+import { classNames } from '../shared/utils.js';
+export default {
+  name: 'f7-toolbar-pane',
+  render,
+  props: {},
+  setup() {
+    const classes = computed(() => {
+      return classNames('toolbar-pane');
+    });
+    return {
+      classes
+    };
+  }
+};

package/components/toolbar.js

@@ -63,10 +63,9 @@ export default {
     ...colorProps
   },
   emits: ['toolbar:hide', 'toolbar:show'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const elRef = ref(null);
     const theme = useTheme();
     const onHide = toolbarEl => {

package/components/treeview-item.js

@@ -63,11 +63,10 @@ export default {
     ...routerProps
   },
   emits: ['click', 'treeview:open', 'treeview:close', 'treeview:loadchildren'],
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
+  setup(props, {
+    slots,
+    emit
+  }) {
     const elRef = ref(null);
     const hasChildren = computed(() => {
       return slots.default || slots.children || slots['children-start'];

package/components/view.d.ts

@@ -224,16 +224,6 @@ declare const View: DefineComponent<
       default: undefined;
     },
 
-    iosDynamicNavbar: {
-      type: BooleanConstructor;
-      default: undefined;
-    },
-
-    iosAnimateNavbarBackIcon: {
-      type: BooleanConstructor;
-      default: undefined;
-    },
-
     passRouteQueryToRequest: {
       type: BooleanConstructor;
       default: undefined;

package/components/view.js

@@ -134,16 +134,6 @@ export default {
       default: undefined
     },
     transition: String,
-    // iOS Dynamic Navbar
-    iosDynamicNavbar: {
-      type: Boolean,
-      default: undefined
-    },
-    // Animate iOS Navbar Back Icon
-    iosAnimateNavbarBackIcon: {
-      type: Boolean,
-      default: undefined
-    },
     // MD Theme delay
     materialPageLoadDelay: Number,
     passRouteQueryToRequest: {
@@ -170,11 +160,10 @@ export default {
     ...colorProps
   },
   emits: ['view:init', 'view:resize', 'swipeback:move', 'swipeback:beforechange', 'swipeback:afterchange', 'swipeback:beforereset', 'swipeback:afterreset', 'tab:hide', 'tab:show'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     // const childrenArray = React.Children.toArray(children);
     // const initialPageComponent = childrenArray.filter((c) => c.props && c.props.initialPage)[0];
     // const restChildren = childrenArray.filter((c) => !c.props || !c.props.initialPage);