framework7-vue 6.3.4 → 7.0.0-beta.3

package/cjs/components/messages.js

@@ -1,154 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default2 = {
-  name: 'f7-messages',
-  render: render,
-  props: _extends({
-    autoLayout: {
-      type: Boolean,
-      default: false
-    },
-    messages: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    newMessagesFirst: {
-      type: Boolean,
-      default: false
-    },
-    scrollMessages: {
-      type: Boolean,
-      default: true
-    },
-    scrollMessagesOnEdge: {
-      type: Boolean,
-      default: true
-    },
-    typing: {
-      type: Boolean,
-      default: false
-    },
-    firstMessageRule: Function,
-    lastMessageRule: Function,
-    tailMessageRule: Function,
-    sameNameMessageRule: Function,
-    sameHeaderMessageRule: Function,
-    sameFooterMessageRule: Function,
-    sameAvatarMessageRule: Function,
-    customClassMessageRule: Function,
-    renderMessage: Function,
-    init: {
-      type: Boolean,
-      default: true
-    }
-  }, _mixins.colorProps),
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots;
-    var f7Messages = null;
-    var childrenBeforeUpdated = null;
-    var elRef = (0, _vue.ref)(null);
-    (0, _vue.onMounted)(function () {
-      if (!props.init) return;
-      (0, _f.f7ready)(function () {
-        f7Messages = _f.f7.messages.create((0, _utils.noUndefinedProps)({
-          el: elRef.value,
-          autoLayout: props.autoLayout,
-          messages: props.messages,
-          newMessagesFirst: props.newMessagesFirst,
-          scrollMessages: props.scrollMessages,
-          scrollMessagesOnEdge: props.scrollMessagesOnEdge,
-          firstMessageRule: props.firstMessageRule,
-          lastMessageRule: props.lastMessageRule,
-          tailMessageRule: props.tailMessageRule,
-          sameNameMessageRule: props.sameNameMessageRule,
-          sameHeaderMessageRule: props.sameHeaderMessageRule,
-          sameFooterMessageRule: props.sameFooterMessageRule,
-          sameAvatarMessageRule: props.sameAvatarMessageRule,
-          customClassMessageRule: props.customClassMessageRule,
-          renderMessage: props.renderMessage
-        }));
-
-        if (f7Messages && props.typing) {
-          f7Messages.showTyping();
-        }
-      });
-    });
-    (0, _vue.onBeforeUpdate)(function () {
-      if (!props.init || !elRef.value) return;
-      var children = elRef.value.children;
-      if (!children) return;
-      childrenBeforeUpdated = children.length;
-
-      for (var i = 0; i < children.length; i += 1) {
-        children[i].classList.add('message-appeared');
-      }
-
-      var childrenAfterUpdate = (0, _utils.getChildren)(slots);
-
-      if (f7Messages && props.scrollMessages && childrenBeforeUpdated !== childrenAfterUpdate) {
-        f7Messages.setScrollData();
-      }
-    });
-    (0, _vue.onUpdated)(function () {
-      if (!props.init) return;
-      if (!elRef.value) return;
-      var children = elRef.value.children;
-      if (!children) return;
-      var childerAftterUpdated = children.length;
-
-      for (var i = 0; i < children.length; i += 1) {
-        if (!children[i].classList.contains('message-appeared')) {
-          children[i].classList.add('message-appear-from-bottom');
-        }
-      }
-
-      if (f7Messages && f7Messages.layout && props.autoLayout) {
-        f7Messages.layout();
-      }
-
-      if (childerAftterUpdated !== childrenBeforeUpdated && f7Messages && f7Messages.scroll && f7Messages.scrollData && props.scrollMessages) {
-        f7Messages.scrollWithEdgeCheck(true);
-      }
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7Messages && f7Messages.destroy) f7Messages.destroy();
-      f7Messages = null;
-    });
-    (0, _vue.watch)(function () {
-      return props.typing;
-    }, function (newValue) {
-      if (!f7Messages) return;
-      if (newValue) f7Messages.showTyping();else f7Messages.hideTyping();
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('messages', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes
-    };
-  }
-};
-exports.default = _default2;

package/cjs/components/nav-left.js

@@ -1,85 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _useTheme = require("../shared/use-theme");
-
-var _link = _interopRequireDefault(require("./link"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function render(_ctx, _cache) {
-  var _component_f7_link = (0, _vue.resolveComponent)("f7-link");
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [_ctx.backLink ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_link, {
-    key: 0,
-    href: _ctx.backLinkUrl || '#',
-    back: "",
-    icon: "icon-back",
-    force: _ctx.backLinkForce || undefined,
-    class: !_ctx.text ? 'icon-only' : undefined,
-    text: _ctx.text,
-    onClick: _ctx.onBackClick
-  }, null, 8, ["href", "force", "class", "text", "onClick"])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-nav-left',
-  render: render,
-  components: {
-    f7Link: _link.default
-  },
-  props: _extends({
-    backLink: [Boolean, String],
-    backLinkUrl: String,
-    backLinkForce: Boolean,
-    backLinkShowText: {
-      type: Boolean,
-      default: undefined
-    },
-    sliding: Boolean
-  }, _mixins.colorProps),
-  emits: ['back:click', 'click:back'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-
-    var onBackClick = function onBackClick(event) {
-      emit('back:click', event);
-      emit('click:back', event);
-    };
-
-    var theme = (0, _useTheme.useTheme)();
-    var text = (0, _vue.computed)(function () {
-      var needBackLinkText = props.backLinkShowText;
-      if (typeof needBackLinkText === 'undefined') needBackLinkText = !theme.value.md;
-
-      if (props.backLink) {
-        return props.backLink !== true && needBackLinkText ? props.backLink : undefined;
-      }
-
-      return undefined;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('left', {
-        sliding: props.sliding
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes,
-      onBackClick: onBackClick,
-      text: text
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/nav-right.js

@@ -1,37 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-nav-right',
-  render: render,
-  props: _extends({
-    sliding: Boolean
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('right', {
-        sliding: props.sliding
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/nav-title-large.js

@@ -1,37 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _hoisted_1 = {
-  class: "title-large-text"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.createVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "default")])], 2);
-}
-
-var _default = {
-  name: 'f7-nav-title-large',
-  render: render,
-  props: _extends({}, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('title-large', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/nav-title.js

@@ -1,44 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _hoisted_1 = {
-  key: 0,
-  class: "subtitle"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default"), (0, _vue.createTextVNode)(" " + (0, _vue.toDisplayString)(_ctx.title) + " ", 1), _ctx.subtitle ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", _hoisted_1, (0, _vue.toDisplayString)(_ctx.subtitle), 1)) : (0, _vue.createCommentVNode)("", true)], 2);
-}
-
-var _default = {
-  name: 'f7-nav-title',
-  render: render,
-  props: _extends({
-    title: String,
-    subtitle: String,
-    sliding: Boolean
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('title', {
-        sliding: props.sliding
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/navbar.js

@@ -1,323 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-var _useTheme = require("../shared/use-theme");
-
-var _navLeft = _interopRequireDefault(require("./nav-left"));
-
-var _navTitle = _interopRequireDefault(require("./nav-title"));
-
-var _navRight = _interopRequireDefault(require("./nav-right"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _hoisted_1 = /*#__PURE__*/(0, _vue.createVNode)("div", {
-  class: "navbar-bg"
-}, null, -1);
-
-var _hoisted_2 = {
-  key: 3,
-  className: "title-large"
-};
-var _hoisted_3 = {
-  className: "title-large-text"
-};
-
-function render(_ctx, _cache) {
-  var _component_f7_nav_left = (0, _vue.resolveComponent)("f7-nav-left");
-
-  var _component_f7_nav_title = (0, _vue.resolveComponent)("f7-nav-title");
-
-  var _component_f7_nav_right = (0, _vue.resolveComponent)("f7-nav-right");
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [_hoisted_1, (0, _vue.renderSlot)(_ctx.$slots, "before-inner"), (0, _vue.createVNode)("div", {
-    class: _ctx.innerClasses
-  }, [_ctx.hasLeft ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_nav_left, {
-    key: 0,
-    "back-link": _ctx.backLink,
-    "back-link-url": _ctx.backLinkUrl,
-    "back-link-force": _ctx.backLinkForce,
-    "back-link-show-text": _ctx.backLinkShowText,
-    "onBack:click": _ctx.onBackClick
-  }, {
-    default: (0, _vue.withCtx)(function () {
-      return [(0, _vue.renderSlot)(_ctx.$slots, "nav-left"), (0, _vue.renderSlot)(_ctx.$slots, "left")];
-    }),
-    _: 3
-  }, 8, ["back-link", "back-link-url", "back-link-force", "back-link-show-text", "onBack:click"])) : (0, _vue.createCommentVNode)("", true), _ctx.hasTitle ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_nav_title, {
-    key: 1,
-    title: _ctx.title,
-    subtitle: _ctx.subtitle
-  }, {
-    default: (0, _vue.withCtx)(function () {
-      return [(0, _vue.renderSlot)(_ctx.$slots, "title")];
-    }),
-    _: 3
-  }, 8, ["title", "subtitle"])) : (0, _vue.createCommentVNode)("", true), _ctx.hasRight ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_nav_right, {
-    key: 2
-  }, {
-    default: (0, _vue.withCtx)(function () {
-      return [(0, _vue.renderSlot)(_ctx.$slots, "nav-right"), (0, _vue.renderSlot)(_ctx.$slots, "right")];
-    }),
-    _: 3
-  })) : (0, _vue.createCommentVNode)("", true), _ctx.hasLargeTitle ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_2, [(0, _vue.createVNode)("div", _hoisted_3, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.largeTitle) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "title-large")])])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")], 2), (0, _vue.renderSlot)(_ctx.$slots, "after-inner")], 2);
-}
-
-var _default = {
-  name: 'f7-navbar',
-  render: render,
-  components: {
-    f7NavLeft: _navLeft.default,
-    f7NavTitle: _navTitle.default,
-    f7NavRight: _navRight.default
-  },
-  props: _extends({
-    backLink: [Boolean, String],
-    backLinkUrl: String,
-    backLinkForce: Boolean,
-    backLinkShowText: {
-      type: Boolean,
-      default: undefined
-    },
-    sliding: {
-      type: Boolean,
-      default: true
-    },
-    title: String,
-    subtitle: String,
-    hidden: Boolean,
-    noShadow: Boolean,
-    noHairline: Boolean,
-    innerClass: String,
-    innerClassName: String,
-    large: Boolean,
-    largeTransparent: Boolean,
-    transparent: Boolean,
-    titleLarge: String
-  }, _mixins.colorProps),
-  emits: ['navbar:hide', 'navbar:show', 'navbar:expand', 'navbar:collapse', 'navbar:transparentshow', 'navbar:transparenthide', 'click:back', 'back:click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-        slots = _ref.slots;
-    var routerPositionClass = '';
-    var largeCollapsed = false;
-    var routerNavbarRole = null;
-    var routerNavbarRoleDetailRoot = false;
-    var routerNavbarMasterStack = false;
-    var transparentVisible = false;
-    var elRef = (0, _vue.ref)(null);
-    var theme = (0, _useTheme.useTheme)();
-
-    var onHide = function onHide(navbarEl) {
-      if (elRef.value !== navbarEl) return;
-      emit('navbar:hide');
-    };
-
-    var onShow = function onShow(navbarEl) {
-      if (elRef.value !== navbarEl) return;
-      emit('navbar:show');
-    };
-
-    var onExpand = function onExpand(navbarEl) {
-      if (elRef.value !== navbarEl) return;
-      largeCollapsed = false;
-      emit('navbar:expand');
-    };
-
-    var onCollapse = function onCollapse(navbarEl) {
-      if (elRef.value !== navbarEl) return;
-      largeCollapsed = true;
-      emit('navbar:collapse');
-    };
-
-    var onNavbarTransparentShow = function onNavbarTransparentShow(navbarEl) {
-      if (elRef.value !== navbarEl) return;
-      transparentVisible = true;
-      emit('navbar:transparentshow');
-    };
-
-    var onNavbarTransparentHide = function onNavbarTransparentHide(navbarEl) {
-      if (elRef.value !== navbarEl) return;
-      transparentVisible = false;
-      emit('navbar:transparenthide');
-    };
-
-    var onNavbarPosition = function onNavbarPosition(navbarEl, position) {
-      if (elRef.value !== navbarEl) return;
-      routerPositionClass = position ? "navbar-" + position : '';
-    };
-
-    var onNavbarRole = function onNavbarRole(navbarEl, rolesData) {
-      if (elRef.value !== navbarEl) return;
-      routerNavbarRole = rolesData.role;
-      routerNavbarRoleDetailRoot = rolesData.detailRoot;
-    };
-
-    var onNavbarMasterStack = function onNavbarMasterStack(navbarEl) {
-      if (elRef.value !== navbarEl) return;
-      routerNavbarMasterStack = true;
-    };
-
-    var onNavbarMasterUnstack = function onNavbarMasterUnstack(navbarEl) {
-      if (elRef.value !== navbarEl) return;
-      routerNavbarMasterStack = false;
-    };
-
-    var hide = function hide(animate) {
-      if (!_f.f7) return;
-
-      _f.f7.navbar.hide(elRef.value, animate);
-    };
-
-    var show = function show(animate) {
-      if (!_f.f7) return;
-
-      _f.f7.navbar.show(elRef.value, animate);
-    };
-
-    var size = function size() {
-      if (!_f.f7) return;
-
-      _f.f7.navbar.size(elRef.value);
-    };
-
-    var onBackClick = function onBackClick(event) {
-      emit('back:click', event);
-      emit('click:back', event);
-    };
-
-    (0, _vue.onMounted)(function () {
-      if (!elRef.value) return;
-      (0, _f.f7ready)(function () {
-        _f.f7.navbar.size(elRef.value);
-
-        _f.f7.on('navbarShow', onShow);
-
-        _f.f7.on('navbarHide', onHide);
-
-        _f.f7.on('navbarCollapse', onCollapse);
-
-        _f.f7.on('navbarExpand', onExpand);
-
-        _f.f7.on('navbarPosition', onNavbarPosition);
-
-        _f.f7.on('navbarRole', onNavbarRole);
-
-        _f.f7.on('navbarMasterStack', onNavbarMasterStack);
-
-        _f.f7.on('navbarMasterUnstack', onNavbarMasterUnstack);
-
-        _f.f7.on('navbarTransparentShow', onNavbarTransparentShow);
-
-        _f.f7.on('navbarTransparentHide', onNavbarTransparentHide);
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (!_f.f7) return;
-
-      _f.f7.off('navbarShow', onShow);
-
-      _f.f7.off('navbarHide', onHide);
-
-      _f.f7.off('navbarCollapse', onCollapse);
-
-      _f.f7.off('navbarExpand', onExpand);
-
-      _f.f7.off('navbarPosition', onNavbarPosition);
-
-      _f.f7.off('navbarRole', onNavbarRole);
-
-      _f.f7.off('navbarMasterStack', onNavbarMasterStack);
-
-      _f.f7.off('navbarMasterUnstack', onNavbarMasterUnstack);
-
-      _f.f7.off('navbarTransparentShow', onNavbarTransparentShow);
-
-      _f.f7.off('navbarTransparentHide', onNavbarTransparentHide);
-    });
-    var addLeftTitleClass = (0, _vue.computed)(function () {
-      return theme.value && theme.value.ios && _f.f7 && !_f.f7.params.navbar.iosCenterTitle;
-    });
-    var addCenterTitleClass = (0, _vue.computed)(function () {
-      return theme.value && theme.value.md && _f.f7 && _f.f7.params.navbar.mdCenterTitle || theme.value && theme.value.aurora && _f.f7 && _f.f7.params.navbar.auroraCenterTitle;
-    });
-    var isLarge = (0, _vue.computed)(function () {
-      return props.large || props.largeTransparent;
-    });
-    var isTransparent = (0, _vue.computed)(function () {
-      return props.transparent || isLarge.value && props.largeTransparent;
-    });
-    var isTransparentVisible = (0, _vue.computed)(function () {
-      return isTransparent.value && transparentVisible;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('navbar', routerPositionClass, {
-        'navbar-hidden': props.hidden,
-        'navbar-large': isLarge.value,
-        '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-shadow': props.noShadow,
-        'no-hairline': props.noHairline
-      }, (0, _mixins.colorClasses)(props));
-    });
-    var largeTitle = (0, _vue.computed)(function () {
-      var largeTitleText = props.titleLarge;
-      if (!largeTitleText && props.large && props.title) largeTitleText = props.title;
-      return largeTitleText;
-    });
-    var hasLeft = (0, _vue.computed)(function () {
-      return props.backLink || slots['nav-left'] || slots.left;
-    });
-    var hasTitle = (0, _vue.computed)(function () {
-      return props.title || props.subtitle || slots.title;
-    });
-    var hasRight = (0, _vue.computed)(function () {
-      return slots['nav-right'] || slots.right;
-    });
-    var hasLargeTitle = (0, _vue.computed)(function () {
-      return largeTitle.value || slots['title-large'];
-    });
-    var innerClasses = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('navbar-inner', props.innerClass, props.innerClassName, {
-        sliding: props.sliding,
-        'navbar-inner-left-title': addLeftTitleClass.value,
-        'navbar-inner-centered-title': addCenterTitleClass.value
-      });
-    });
-    return {
-      elRef: elRef,
-      classes: classes,
-      innerClasses: innerClasses,
-      hide: hide,
-      show: show,
-      size: size,
-      largeTitle: largeTitle,
-      hasLeft: hasLeft,
-      hasTitle: hasTitle,
-      hasRight: hasRight,
-      hasLargeTitle: hasLargeTitle,
-      onBackClick: onBackClick
-    };
-  }
-};
-exports.default = _default;