framework7-vue 8.3.4 → 9.0.0

package/components/message.js

@@ -15,60 +15,42 @@ const _hoisted_5 = {
   key: 0,
   class: "message-typing-indicator"
 };
-const _hoisted_6 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
-const _hoisted_7 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
-const _hoisted_8 = /*#__PURE__*/_createElementVNode("div", null, null, -1);
-const _hoisted_9 = [_hoisted_6, _hoisted_7, _hoisted_8];
-const _hoisted_10 = {
+const _hoisted_6 = {
   key: 3,
   class: "message-text-footer"
 };
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes),
-    onClick: _cache[6] || (_cache[6] = function () {
-      return _ctx.onClick && _ctx.onClick(...arguments);
-    })
+    onClick: _cache[6] || (_cache[6] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [_renderSlot(_ctx.$slots, "start"), _ctx.hasAvatar ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: "message-avatar",
     style: _normalizeStyle({
       backgroundImage: _ctx.avatar && `url(${_ctx.avatar})`
     }),
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.onAvatarClick && _ctx.onAvatarClick(...arguments);
-    })
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onAvatarClick && _ctx.onAvatarClick(...args))
   }, [_renderSlot(_ctx.$slots, "avatar")], 4)) : _createCommentVNode("", true), _createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "content-start"), _ctx.hasName ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: "message-name",
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onNameClick && _ctx.onNameClick(...arguments);
-    })
+    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onNameClick && _ctx.onNameClick(...args))
   }, [_createTextVNode(_toDisplayString(_ctx.name) + " ", 1), _renderSlot(_ctx.$slots, "name")])) : _createCommentVNode("", true), _ctx.hasHeader ? (_openBlock(), _createElementBlock("div", {
     key: 1,
     class: "message-header",
-    onClick: _cache[2] || (_cache[2] = function () {
-      return _ctx.onHeaderClick && _ctx.onHeaderClick(...arguments);
-    })
+    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onHeaderClick && _ctx.onHeaderClick(...args))
   }, [_createTextVNode(_toDisplayString(_ctx.header) + " ", 1), _renderSlot(_ctx.$slots, "header")])) : _createCommentVNode("", true), _createElementVNode("div", {
     class: "message-bubble",
-    onClick: _cache[4] || (_cache[4] = function () {
-      return _ctx.onBubbleClick && _ctx.onBubbleClick(...arguments);
-    })
+    onClick: _cache[4] || (_cache[4] = (...args) => _ctx.onBubbleClick && _ctx.onBubbleClick(...args))
   }, [_renderSlot(_ctx.$slots, "bubble-start"), _ctx.hasImage ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_renderSlot(_ctx.$slots, "image", {}, () => [_createElementVNode("img", {
     src: _ctx.image
   }, null, 8, _hoisted_3)])])) : _createCommentVNode("", true), _ctx.hasTextHeader ? (_openBlock(), _createElementBlock("div", _hoisted_4, [_createTextVNode(_toDisplayString(_ctx.textHeader) + " ", 1), _renderSlot(_ctx.$slots, "text-header")])) : _createCommentVNode("", true), _ctx.hasText ? (_openBlock(), _createElementBlock("div", {
     key: 2,
     class: "message-text",
-    onClick: _cache[3] || (_cache[3] = function () {
-      return _ctx.onTextClick && _ctx.onTextClick(...arguments);
-    })
-  }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "text"), _ctx.typing ? (_openBlock(), _createElementBlock("div", _hoisted_5, _hoisted_9)) : _createCommentVNode("", true)])) : _createCommentVNode("", true), _ctx.hasTextFooter ? (_openBlock(), _createElementBlock("div", _hoisted_10, [_createTextVNode(_toDisplayString(_ctx.textFooter) + " ", 1), _renderSlot(_ctx.$slots, "text-footer")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "bubble-end"), _renderSlot(_ctx.$slots, "default")]), _ctx.hasFooter ? (_openBlock(), _createElementBlock("div", {
+    onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onTextClick && _ctx.onTextClick(...args))
+  }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "text"), _ctx.typing ? (_openBlock(), _createElementBlock("div", _hoisted_5, [...(_cache[7] || (_cache[7] = [_createElementVNode("div", null, null, -1), _createElementVNode("div", null, null, -1), _createElementVNode("div", null, null, -1)]))])) : _createCommentVNode("", true)])) : _createCommentVNode("", true), _ctx.hasTextFooter ? (_openBlock(), _createElementBlock("div", _hoisted_6, [_createTextVNode(_toDisplayString(_ctx.textFooter) + " ", 1), _renderSlot(_ctx.$slots, "text-footer")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "bubble-end"), _renderSlot(_ctx.$slots, "default")]), _ctx.hasFooter ? (_openBlock(), _createElementBlock("div", {
     key: 2,
     class: "message-footer",
-    onClick: _cache[5] || (_cache[5] = function () {
-      return _ctx.onFooterClick && _ctx.onFooterClick(...arguments);
-    })
+    onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onFooterClick && _ctx.onFooterClick(...args))
   }, [_createTextVNode(_toDisplayString(_ctx.footer) + " ", 1), _renderSlot(_ctx.$slots, "footer")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "content-end")]), _renderSlot(_ctx.$slots, "end")], 2);
 }
 import { computed } from 'vue';
@@ -101,11 +83,10 @@ export default {
     ...colorProps
   },
   emits: ['click', 'click:name', 'click:text', 'click:avatar', 'click:header', 'click:footer', 'click:bubble'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     const onClick = event => {
       emit('click', event);
     };

package/components/messagebar-attachment.js

@@ -3,18 +3,14 @@ const _hoisted_1 = ["src"];
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes),
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick(...arguments);
-    })
+    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [_ctx.image ? (_openBlock(), _createElementBlock("img", {
     key: 0,
     src: _ctx.image
   }, null, 8, _hoisted_1)) : _createCommentVNode("", true), _ctx.deletable ? (_openBlock(), _createElementBlock("span", {
     key: 1,
     class: "messagebar-attachment-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), _renderSlot(_ctx.$slots, "default")], 2);
 }
 import { computed } from 'vue';
@@ -32,10 +28,9 @@ export default {
     ...colorProps
   },
   emits: ['attachment:click', 'attachment:delete'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const onClick = event => {
       emit('attachment:click', event);
     };

package/components/messagebar-sheet-image.js

@@ -1,22 +1,19 @@
 import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = ["checked"];
-const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
-  class: "icon icon-checkbox"
-}, null, -1);
-const _hoisted_3 = ["src"];
+const _hoisted_2 = ["src"];
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("label", {
     class: _normalizeClass(_ctx.classes)
   }, [_createElementVNode("input", {
     type: "checkbox",
     checked: _ctx.checked,
-    onChange: _cache[0] || (_cache[0] = function () {
-      return _ctx.onChange && _ctx.onChange(...arguments);
-    })
-  }, null, 40, _hoisted_1), _hoisted_2, _ctx.image ? (_openBlock(), _createElementBlock("img", {
+    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
+  }, null, 40, _hoisted_1), _cache[1] || (_cache[1] = _createElementVNode("i", {
+    class: "icon icon-checkbox"
+  }, null, -1)), _ctx.image ? (_openBlock(), _createElementBlock("img", {
     key: 0,
     src: _ctx.image
-  }, null, 8, _hoisted_3)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
+  }, null, 8, _hoisted_2)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
 }
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
@@ -30,10 +27,9 @@ export default {
     ...colorProps
   },
   emits: ['checked', 'unchecked', 'change', 'update:checked'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const onChange = event => {
       if (event.target.checked) emit('checked', event);else emit('unchecked', event);
       emit('update:checked', event.target.checked);

package/components/messagebar.d.ts

@@ -46,32 +46,32 @@ declare const Messagebar: DefineComponent<
     },
 
     resizable: {
-      type: BooleanConstructor;
+      type: any;
       default: boolean;
     },
 
     bottomOffset: {
-      type: NumberConstructor;
+      type: any;
       default: number;
     },
 
     topOffset: {
-      type: NumberConstructor;
+      type: any;
       default: number;
     },
 
     resizePage: {
-      type: BooleanConstructor;
+      type: any;
       default: boolean;
     },
 
     placeholder: {
-      type: StringConstructor;
+      type: any;
       default: string;
     },
 
     init: {
-      type: BooleanConstructor;
+      type: any;
       default: boolean;
     },
 

package/components/messagebar.js

@@ -4,6 +4,7 @@ import { colorClasses, colorProps } from '../shared/mixins.js';
 import { f7ready, f7 } from '../shared/f7.js';
 import Link from './link.js';
 import Input from './input.js';
+import ToolbarPane from './toolbar-pane.js';
 export default {
   name: 'f7-messagebar',
   props: {
@@ -44,11 +45,10 @@ export default {
     ...colorProps
   },
   emits: ['change', 'input', 'focus', 'blur', 'submit', 'send', 'click', 'messagebar:attachmentdelete', 'messagebar:attachmentclick', 'messagebar:resizepage', 'update:value'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     const elRef = ref(null);
     const areaElRef = ref(null);
     let f7Messagebar = null;
@@ -163,12 +163,13 @@ export default {
           }
         });
       }
+      const hasInnerEnd = props.sendLink && props.sendLink.length > 0 || slotsSendLink || slotsInnerEnd;
       return h('div', {
         class: classes.value,
         ref: elRef
       }, [slotsBeforeInner && slotsBeforeInner(), h('div', {
         class: 'toolbar-inner'
-      }, [slotsInnerStart && slotsInnerStart(), h('div', {
+      }, [slotsInnerStart && h(ToolbarPane, null, slotsInnerStart()), h('div', {
         class: 'messagebar-area'
       }, [slotsBeforeArea && slotsBeforeArea(), messagebarAttachmentsEl, h(Input, {
         inputId: props.textareaId,
@@ -185,9 +186,9 @@ export default {
         onFocus,
         onBlur,
         ...valueProps
-      }), slotsAfterArea && slotsAfterArea()]), (props.sendLink && props.sendLink.length > 0 || slotsSendLink) && h(Link, {
+      }), slotsAfterArea && slotsAfterArea()]), hasInnerEnd && h(ToolbarPane, null, [(props.sendLink && props.sendLink.length > 0 || slotsSendLink) && h(Link, {
         onClick
-      }, [slotsSendLink ? slotsSendLink() : props.sendLink]), slotsInnerEnd && slotsInnerEnd(), innerEndEls]), slotsAfterInner && slotsAfterInner(), messagebarSheetEl]);
+      }, [slotsSendLink ? slotsSendLink() : props.sendLink]), slotsInnerEnd && slotsInnerEnd()]), innerEndEls]), slotsAfterInner && slotsAfterInner(), messagebarSheetEl]);
     };
   }
 };

package/components/messages.js

@@ -54,10 +54,9 @@ export default {
     },
     ...colorProps
   },
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
+  setup(props, {
+    slots
+  }) {
     let f7Messages = null;
     let childrenBeforeUpdated = null;
     const elRef = ref(null);

package/components/nav-left.d.ts

@@ -17,10 +17,6 @@ declare const NavLeft: DefineComponent<
       type: BooleanConstructor;
     },
 
-    sliding: {
-      type: BooleanConstructor;
-    },
-
     backLinkShowText: {
       type: BooleanConstructor;
       default: undefined;

package/components/nav-left.js

@@ -17,7 +17,6 @@ function render(_ctx, _cache) {
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
-import { useTheme } from '../shared/use-theme.js';
 import f7Link from './link.js';
 export default {
   name: 'f7-nav-left',
@@ -33,30 +32,23 @@ export default {
       type: Boolean,
       default: undefined
     },
-    sliding: Boolean,
     ...colorProps
   },
   emits: ['back:click', 'click:back'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const onBackClick = event => {
       emit('back:click', event);
       emit('click:back', event);
     };
-    const theme = useTheme();
     const text = computed(() => {
-      let needBackLinkText = props.backLinkShowText;
-      if (typeof needBackLinkText === 'undefined') needBackLinkText = !theme.value.md;
       if (props.backLink) {
-        return props.backLink !== true && needBackLinkText ? props.backLink : undefined;
+        return props.backLink !== true && props.backLinkShowText ? props.backLink : undefined;
       }
       return undefined;
     });
-    const classes = computed(() => classNames('left', {
-      sliding: props.sliding
-    }, colorClasses(props)));
+    const classes = computed(() => classNames('left', {}, colorClasses(props)));
     return {
       classes,
       onBackClick,

package/components/nav-right.d.ts

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

package/components/nav-right.js

@@ -11,13 +11,10 @@ export default {
   name: 'f7-nav-right',
   render,
   props: {
-    sliding: Boolean,
     ...colorProps
   },
   setup(props) {
-    const classes = computed(() => classNames('right', {
-      sliding: props.sliding
-    }, colorClasses(props)));
+    const classes = computed(() => classNames('right', {}, colorClasses(props)));
     return {
       classes
     };

package/components/nav-title.d.ts

@@ -13,10 +13,6 @@ declare const NavTitle: DefineComponent<
       type: StringConstructor;
     },
 
-    sliding: {
-      type: BooleanConstructor;
-    },
-
     color: {
       type: StringConstructor;
     },

package/components/nav-title.js

@@ -17,13 +17,10 @@ export default {
   props: {
     title: String,
     subtitle: String,
-    sliding: Boolean,
     ...colorProps
   },
   setup(props) {
-    const classes = computed(() => classNames('title', {
-      sliding: props.sliding
-    }, colorClasses(props)));
+    const classes = computed(() => classNames('title', {}, colorClasses(props)));
     return {
       classes
     };

package/components/navbar.d.ts

@@ -58,11 +58,6 @@ declare const Navbar: DefineComponent<
       default: undefined;
     },
 
-    sliding: {
-      type: BooleanConstructor;
-      default: boolean;
-    },
-
     outline: {
       type: any;
       default: boolean;

package/components/navbar.js

@@ -1,12 +1,9 @@
 import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
-const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", {
-  class: "navbar-bg"
-}, null, -1);
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 3,
   className: "title-large"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   className: "title-large-text"
 };
 function render(_ctx, _cache) {
@@ -16,7 +13,9 @@ function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
-  }, [_hoisted_1, _renderSlot(_ctx.$slots, "before-inner"), _createElementVNode("div", {
+  }, [_cache[0] || (_cache[0] = _createElementVNode("div", {
+    class: "navbar-bg"
+  }, null, -1)), _renderSlot(_ctx.$slots, "before-inner"), _createElementVNode("div", {
     class: _normalizeClass(_ctx.innerClasses)
   }, [_ctx.hasLeft ? (_openBlock(), _createBlock(_component_f7_nav_left, {
     key: 0,
@@ -40,7 +39,7 @@ function render(_ctx, _cache) {
   }, {
     default: _withCtx(() => [_renderSlot(_ctx.$slots, "nav-right"), _renderSlot(_ctx.$slots, "right")]),
     _: 3
-  })) : _createCommentVNode("", true), _ctx.hasLargeTitle ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createElementVNode("div", _hoisted_3, [_createTextVNode(_toDisplayString(_ctx.largeTitle) + " ", 1), _renderSlot(_ctx.$slots, "title-large")])])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2), _renderSlot(_ctx.$slots, "after-inner")], 2);
+  })) : _createCommentVNode("", true), _ctx.hasLargeTitle ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_createTextVNode(_toDisplayString(_ctx.largeTitle) + " ", 1), _renderSlot(_ctx.$slots, "title-large")])])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2), _renderSlot(_ctx.$slots, "after-inner")], 2);
 }
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';
@@ -66,10 +65,6 @@ export default {
       type: Boolean,
       default: undefined
     },
-    sliding: {
-      type: Boolean,
-      default: true
-    },
     title: String,
     subtitle: String,
     hidden: Boolean,
@@ -86,16 +81,12 @@ export default {
     ...colorProps
   },
   emits: ['navbar:hide', 'navbar:show', 'navbar:expand', 'navbar:collapse', 'navbar:transparentshow', 'navbar:transparenthide', 'click:back', 'back:click'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     let routerPositionClass = '';
     let largeCollapsed = false;
-    let routerNavbarRole = null;
-    let routerNavbarRoleDetailRoot = false;
-    let routerNavbarMasterStack = false;
     let transparentVisible = false;
     const elRef = ref(null);
     const theme = useTheme();
@@ -131,19 +122,6 @@ export default {
       if (elRef.value !== navbarEl) return;
       routerPositionClass = position ? `navbar-${position}` : '';
     };
-    const onNavbarRole = (navbarEl, rolesData) => {
-      if (elRef.value !== navbarEl) return;
-      routerNavbarRole = rolesData.role;
-      routerNavbarRoleDetailRoot = rolesData.detailRoot;
-    };
-    const onNavbarMasterStack = navbarEl => {
-      if (elRef.value !== navbarEl) return;
-      routerNavbarMasterStack = true;
-    };
-    const onNavbarMasterUnstack = navbarEl => {
-      if (elRef.value !== navbarEl) return;
-      routerNavbarMasterStack = false;
-    };
     const hide = animate => {
       if (!f7) return;
       f7.navbar.hide(elRef.value, animate);
@@ -169,9 +147,6 @@ export default {
         f7.on('navbarCollapse', onCollapse);
         f7.on('navbarExpand', onExpand);
         f7.on('navbarPosition', onNavbarPosition);
-        f7.on('navbarRole', onNavbarRole);
-        f7.on('navbarMasterStack', onNavbarMasterStack);
-        f7.on('navbarMasterUnstack', onNavbarMasterUnstack);
         f7.on('navbarTransparentShow', onNavbarTransparentShow);
         f7.on('navbarTransparentHide', onNavbarTransparentHide);
       });
@@ -183,9 +158,6 @@ export default {
       f7.off('navbarCollapse', onCollapse);
       f7.off('navbarExpand', onExpand);
       f7.off('navbarPosition', onNavbarPosition);
-      f7.off('navbarRole', onNavbarRole);
-      f7.off('navbarMasterStack', onNavbarMasterStack);
-      f7.off('navbarMasterUnstack', onNavbarMasterUnstack);
       f7.off('navbarTransparentShow', onNavbarTransparentShow);
       f7.off('navbarTransparentHide', onNavbarTransparentHide);
     });
@@ -200,10 +172,6 @@ export default {
       'navbar-large-collapsed': isLarge.value && largeCollapsed,
       'navbar-transparent': isTransparent.value,
       'navbar-transparent-visible': isTransparentVisible.value,
-      'navbar-master': routerNavbarRole === 'master',
-      'navbar-master-detail': routerNavbarRole === 'detail',
-      'navbar-master-detail-root': routerNavbarRoleDetailRoot === true,
-      'navbar-master-stacked': routerNavbarMasterStack === true,
       'no-outline': !props.outline
     }, colorClasses(props)));
     const largeTitle = computed(() => {
@@ -225,7 +193,6 @@ export default {
     });
     const innerClasses = computed(() => {
       return classNames('navbar-inner', props.innerClass, props.innerClassName, {
-        sliding: props.sliding,
         'navbar-inner-left-title': addLeftTitleClass.value,
         'navbar-inner-centered-title': addCenterTitleClass.value
       });

package/components/page-content.js

@@ -4,16 +4,10 @@ const _hoisted_2 = {
   key: 0,
   class: "ptr-preloader"
 };
-const _hoisted_3 = /*#__PURE__*/_createElementVNode("div", {
-  class: "ptr-arrow"
-}, null, -1);
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 3,
   class: "ptr-preloader"
 };
-const _hoisted_5 = /*#__PURE__*/_createElementVNode("div", {
-  class: "ptr-arrow"
-}, null, -1);
 function render(_ctx, _cache) {
   const _component_f7_preloader = _resolveComponent("f7-preloader");
   return _openBlock(), _createElementBlock("div", {
@@ -22,13 +16,17 @@ function render(_ctx, _cache) {
     "data-ptr-distance": _ctx.ptrDistance || undefined,
     "data-ptr-mousewheel": _ctx.ptrMousewheel || undefined,
     "data-infinite-distance": _ctx.infiniteDistance || undefined
-  }, [_ctx.ptr && _ctx.ptrPreloader && !_ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createVNode(_component_f7_preloader), _hoisted_3])) : _createCommentVNode("", true), _ctx.infinite && _ctx.infinitePreloader && _ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
+  }, [_ctx.ptr && _ctx.ptrPreloader && !_ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createVNode(_component_f7_preloader), _cache[0] || (_cache[0] = _createElementVNode("div", {
+    class: "ptr-arrow"
+  }, null, -1))])) : _createCommentVNode("", true), _ctx.infinite && _ctx.infinitePreloader && _ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
     key: 1,
     class: "infinite-scroll-preloader"
   })) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default"), _ctx.infinite && _ctx.infinitePreloader && !_ctx.infiniteTop ? (_openBlock(), _createBlock(_component_f7_preloader, {
     key: 2,
     class: "infinite-scroll-preloader"
-  })) : _createCommentVNode("", true), _ctx.ptr && _ctx.ptrPreloader && _ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_4, [_createVNode(_component_f7_preloader), _hoisted_5])) : _createCommentVNode("", true)], 10, _hoisted_1);
+  })) : _createCommentVNode("", true), _ctx.ptr && _ctx.ptrPreloader && _ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_3, [_createVNode(_component_f7_preloader), _cache[1] || (_cache[1] = _createElementVNode("div", {
+    class: "ptr-arrow"
+  }, null, -1))])) : _createCommentVNode("", true)], 10, _hoisted_1);
 }
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';
@@ -68,10 +66,9 @@ export default {
     ...colorProps
   },
   emits: ['ptr:pullstart', 'ptr:pullmove', 'ptr:pullend', 'ptr:refresh', 'ptr:done', 'infinite', 'ptrPullStart', 'ptrPullMove', 'ptrPullEnd', 'ptrRefresh', 'ptrDone', 'tab:hide', 'tab:show'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     const elRef = ref(null);
     const onPtrPullStart = el => {
       if (elRef.value !== el) return;

package/components/page.js

@@ -55,11 +55,10 @@ export default {
     ...colorProps
   },
   emits: ['page:mounted', 'page:init', 'page:reinit', 'page:beforein', 'page:beforeout', 'page:afterout', 'page:afterin', 'page:beforeremove', 'page:beforeunmount', 'page:tabshow', 'page:tabhide', 'ptr:pullstart', 'ptr:pullmove', 'ptr:pullend', 'ptr:refresh', 'ptr:done', 'infinite'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
+  setup(props, {
+    emit,
+    slots
+  }) {
     let hasSubnavbar = false;
     let hasNavbarLarge = false;
     let hasNavbarLargeCollapsed = false;

package/components/panel.js

@@ -65,10 +65,9 @@ export default {
     ...colorProps
   },
   emits: ['panel:open', 'panel:opened', 'panel:close', 'panel:closed', 'click', 'panel:backdropclick', 'panel:swipe', 'panel:swipeopen', 'panel:breakpoint', 'panel:collapsedbreakpoint', 'panel:resize', 'update:opened'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     let f7Panel = null;
     const elRef = ref(null);
     let isOpened = false;
@@ -114,10 +113,7 @@ export default {
       isCollapsed = true;
       emit('panel:collapsedbreakpoint', event);
     };
-    const onResize = function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
+    const onResize = (...args) => {
       emit('panel:resize', ...args);
     };
     watch(() => props.resizable, newValue => {

package/components/photo-browser.d.ts

@@ -112,11 +112,6 @@ declare const PhotoBrowser: DefineComponent<
       default: undefined;
     },
 
-    popupCloseLinkIcon: {
-      type: BooleanConstructor;
-      default: undefined;
-    },
-
     popupCloseLinkText: {
       type: StringConstructor;
       default: undefined;

package/components/photo-browser.js

@@ -47,10 +47,6 @@ export default {
       type: String,
       default: undefined
     },
-    popupCloseLinkIcon: {
-      type: Boolean,
-      default: undefined
-    },
     popupCloseLinkText: {
       type: String,
       default: undefined
@@ -90,10 +86,9 @@ export default {
     renderThumb: Function
   },
   emits: ['photobrowser:open', 'photobrowser:close', 'photobrowser:opened', 'photobrowser:closed', 'photobrowser:swipetoclose'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
+  setup(props, {
+    emit
+  }) {
     let f7PhotoBrowser = null;
     const open = index => {
       return f7PhotoBrowser.open(index);