framework7-vue 6.3.5 → 7.0.0-beta.10

package/esm/components/button.js

@@ -1,196 +0,0 @@
-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); }
-
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, renderSlot as _renderSlot, Fragment as _Fragment, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
-var _hoisted_1 = {
-  key: 1
-};
-var _hoisted_2 = {
-  key: 1
-};
-
-function render(_ctx, _cache) {
-  var _component_f7_preloader = _resolveComponent("f7-preloader");
-
-  var _component_f7_use_icon = _resolveComponent("f7-use-icon");
-
-  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), _mergeProps({
-    ref: "elRef",
-    class: _ctx.classesComputed
-  }, _ctx.attrs), {
-    default: _withCtx(function () {
-      return [_ctx.preloader ? (_openBlock(), _createBlock(_Fragment, {
-        key: 0
-      }, [_createVNode(_component_f7_preloader, {
-        size: _ctx.preloaderSize,
-        color: _ctx.preloaderColor
-      }, null, 8, ["size", "color"]), _createVNode("span", null, [_ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
-        key: 0,
-        icon: _ctx.icon
-      }, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(), _createBlock("span", _hoisted_1, _toDisplayString(_ctx.text), 1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")])], 64)) : (_openBlock(), _createBlock(_Fragment, {
-        key: 1
-      }, [_ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
-        key: 0,
-        icon: _ctx.icon
-      }, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(), _createBlock("span", _hoisted_2, _toDisplayString(_ctx.text), 1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 64))];
-    }),
-    _: 3
-  }, 16, ["class"]);
-}
-
-import { ref, computed } from 'vue';
-import { classNames, extend, isStringProp } from '../shared/utils';
-import { colorClasses, actionsAttrs, actionsClasses, routerAttrs, routerClasses, iconProps, colorProps, actionsProps, routerProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
-import { useIcon } from '../shared/use-icon';
-import { useRouteProps } from '../shared/use-route-props';
-import f7Preloader from './preloader';
-import f7UseIcon from './use-icon';
-export default {
-  name: 'f7-button',
-  render: render,
-  components: {
-    f7Preloader: f7Preloader,
-    f7UseIcon: f7UseIcon
-  },
-  props: _extends({
-    text: String,
-    tabLink: [Boolean, String],
-    tabLinkActive: Boolean,
-    type: String,
-    href: {
-      type: [String, Boolean],
-      default: '#'
-    },
-    target: String,
-    round: Boolean,
-    roundMd: Boolean,
-    roundIos: Boolean,
-    roundAurora: Boolean,
-    fill: Boolean,
-    fillMd: Boolean,
-    fillIos: Boolean,
-    fillAurora: Boolean,
-    large: Boolean,
-    largeMd: Boolean,
-    largeIos: Boolean,
-    largeAurora: Boolean,
-    small: Boolean,
-    smallMd: Boolean,
-    smallIos: Boolean,
-    smallAurora: Boolean,
-    raised: Boolean,
-    raisedMd: Boolean,
-    raisedIos: Boolean,
-    raisedAurora: Boolean,
-    outline: Boolean,
-    outlineMd: Boolean,
-    outlineIos: Boolean,
-    outlineAurora: Boolean,
-    active: Boolean,
-    disabled: Boolean,
-    tooltip: String,
-    tooltipTrigger: String,
-    preloader: Boolean,
-    preloaderSize: [Number, String],
-    preloaderColor: String,
-    loading: Boolean
-  }, iconProps, colorProps, actionsProps, routerProps),
-  setup: function setup(props) {
-    var elRef = ref(null);
-    useTooltip(elRef, props);
-    useRouteProps(elRef, props);
-    var icon = computed(function () {
-      return useIcon(props);
-    });
-    var tag = computed(function () {
-      return props.type === 'submit' || props.type === 'reset' || props.type === 'button' ? 'button' : 'a';
-    });
-    var attrs = computed(function () {
-      var href = props.href,
-          tabLink = props.tabLink,
-          target = props.target,
-          type = props.type;
-      var hrefComputed = href;
-      if (href === true) hrefComputed = '#';
-      if (href === false || tag.value === 'button') hrefComputed = undefined; // no href attribute
-
-      return extend({
-        href: hrefComputed,
-        target: target,
-        type: type,
-        'data-tab': isStringProp(tabLink) && tabLink || undefined
-      }, routerAttrs(props), actionsAttrs(props));
-    });
-    var classesComputed = computed(function () {
-      var tabLink = props.tabLink,
-          tabLinkActive = props.tabLinkActive,
-          round = props.round,
-          roundMd = props.roundMd,
-          roundIos = props.roundIos,
-          roundAurora = props.roundAurora,
-          fill = props.fill,
-          fillMd = props.fillMd,
-          fillIos = props.fillIos,
-          fillAurora = props.fillAurora,
-          large = props.large,
-          largeMd = props.largeMd,
-          largeIos = props.largeIos,
-          largeAurora = props.largeAurora,
-          small = props.small,
-          smallMd = props.smallMd,
-          smallIos = props.smallIos,
-          smallAurora = props.smallAurora,
-          raised = props.raised,
-          raisedMd = props.raisedMd,
-          raisedIos = props.raisedIos,
-          raisedAurora = props.raisedAurora,
-          outline = props.outline,
-          outlineMd = props.outlineMd,
-          outlineIos = props.outlineIos,
-          outlineAurora = props.outlineAurora,
-          active = props.active,
-          disabled = props.disabled,
-          preloader = props.preloader,
-          loading = props.loading;
-      return classNames('button', {
-        'tab-link': tabLink || tabLink === '',
-        'tab-link-active': tabLinkActive,
-        'button-round': round,
-        'button-round-ios': roundIos,
-        'button-round-aurora': roundAurora,
-        'button-round-md': roundMd,
-        'button-fill': fill,
-        'button-fill-ios': fillIos,
-        'button-fill-aurora': fillAurora,
-        'button-fill-md': fillMd,
-        'button-large': large,
-        'button-large-ios': largeIos,
-        'button-large-aurora': largeAurora,
-        'button-large-md': largeMd,
-        'button-small': small,
-        'button-small-ios': smallIos,
-        'button-small-aurora': smallAurora,
-        'button-small-md': smallMd,
-        'button-raised': raised,
-        'button-raised-ios': raisedIos,
-        'button-raised-aurora': raisedAurora,
-        'button-raised-md': raisedMd,
-        'button-active': active,
-        'button-outline': outline,
-        'button-outline-ios': outlineIos,
-        'button-outline-aurora': outlineAurora,
-        'button-outline-md': outlineMd,
-        'button-preloader': preloader,
-        'button-loading': loading,
-        disabled: disabled
-      }, colorClasses(props), routerClasses(props), actionsClasses(props));
-    });
-    return {
-      tag: tag,
-      elRef: elRef,
-      attrs: attrs,
-      classesComputed: classesComputed,
-      icon: icon
-    };
-  }
-};

package/esm/components/card-content.js

@@ -1,33 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-card-content',
-  render: render,
-  props: _extends({
-    padding: {
-      type: Boolean,
-      default: true
-    }
-  }, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('card-content', {
-        'card-content-padding': props.padding
-      }, colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/card-footer.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-card-footer',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('card-footer', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/card-header.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-card-header',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('card-header', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/col.js

@@ -1,91 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx } from "vue";
-var _hoisted_1 = {
-  key: 0,
-  class: "resize-handler"
-};
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
-    ref: "elRef",
-    class: _ctx.classes
-  }, {
-    default: _withCtx(function () {
-      return [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createBlock("span", _hoisted_1)) : _createCommentVNode("", true)];
-    }),
-    _: 3
-  }, 8, ["class"]);
-}
-
-import { ref, computed, onBeforeUnmount, onMounted } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7 } from '../shared/f7';
-export default {
-  name: 'f7-col',
-  render: render,
-  props: _extends({
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    width: {
-      type: [Number, String],
-      default: 'auto'
-    },
-    xsmall: {
-      type: [Number, String]
-    },
-    small: {
-      type: [Number, String]
-    },
-    medium: {
-      type: [Number, String]
-    },
-    large: {
-      type: [Number, String]
-    },
-    xlarge: {
-      type: [Number, String]
-    },
-    resizable: Boolean,
-    resizableFixed: Boolean,
-    resizableAbsolute: Boolean,
-    resizableHandler: {
-      type: Boolean,
-      default: true
-    }
-  }, colorProps),
-  emits: ['grid:resize'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = ref(null);
-
-    var onResize = function onResize(el) {
-      if (el === elRef.value) {
-        emit('grid:resize');
-      }
-    };
-
-    onMounted(function () {
-      f7ready(function () {
-        f7.on('gridResize', onResize);
-      });
-    });
-    onBeforeUnmount(function () {
-      f7.off('gridResize', onResize);
-    });
-    var classes = computed(function () {
-      var _classNames;
-
-      return classNames((_classNames = {
-        col: props.width === 'auto'
-      }, _classNames["col-" + props.width] = props.width !== 'auto', _classNames["xsmall-" + props.xsmall] = props.xsmall, _classNames["small-" + props.small] = props.small, _classNames["medium-" + props.medium] = props.medium, _classNames["large-" + props.large] = props.large, _classNames["xlarge-" + props.xlarge] = props.xlarge, _classNames.resizable = props.resizable, _classNames['resizable-fixed'] = props.resizableFixed, _classNames['resizable-absolute'] = props.resizableAbsolute, _classNames), colorClasses(props));
-    });
-    return {
-      classes: classes,
-      elRef: elRef
-    };
-  }
-};

package/esm/components/fab-backdrop.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-fab-backdrop',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('fab-backdrop', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/fab-button.js

@@ -1,56 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
-var _hoisted_1 = {
-  key: 0,
-  class: "fab-label"
-};
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("a", {
-    ref: "elRef",
-    class: _ctx.classes,
-    target: _ctx.target,
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
-  }, [_renderSlot(_ctx.$slots, "default"), _ctx.label ? (_openBlock(), _createBlock("span", _hoisted_1, _toDisplayString(_ctx.label), 1)) : _createCommentVNode("", true)], 10, ["target"]);
-}
-
-import { computed, ref } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { useTooltip } from '../shared/use-tooltip';
-export default {
-  name: 'f7-fab-button',
-  render: render,
-  props: _extends({
-    fabClose: Boolean,
-    label: String,
-    target: String,
-    tooltip: String,
-    tooltipTrigger: String
-  }, colorProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = ref(null);
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    useTooltip(elRef, props);
-    var classes = computed(function () {
-      return classNames({
-        'fab-close': props.fabClose,
-        'fab-label-button': props.label
-      }, colorClasses(props));
-    });
-    return {
-      classes: classes,
-      onClick: onClick,
-      elRef: elRef
-    };
-  }
-};

package/esm/components/fab-buttons.js

@@ -1,31 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-fab-buttons',
-  render: render,
-  props: _extends({
-    position: {
-      type: String,
-      default: 'top'
-    }
-  }, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('fab-buttons', "fab-buttons-" + props.position, colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/list-group.js

@@ -1,59 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes,
-    "data-sortable-move-elements": typeof _ctx.sortableMoveElements !== 'undefined' ? _ctx.sortableMoveElements.toString() : undefined
-  }, [_createVNode("ul", null, [_renderSlot(_ctx.$slots, "default")])], 10, ["data-sortable-move-elements"]);
-}
-
-import { computed, provide, inject } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-list-group',
-  render: render,
-  props: _extends({
-    mediaList: Boolean,
-    simpleList: Boolean,
-    sortable: Boolean,
-    sortableOpposite: Boolean,
-    sortableTapHold: Boolean,
-    sortableMoveElements: {
-      type: Boolean,
-      default: undefined
-    }
-  }, colorProps),
-  setup: function setup(props) {
-    var ListContextParent = inject('ListContext', {
-      value: {
-        listIsMedia: props.mediaList,
-        listIsSimple: props.simpleList,
-        listIsSortable: props.sortable,
-        listIsSortableOpposite: props.sortableOpposite
-      }
-    });
-    var ListContext = computed(function () {
-      return {
-        listIsMedia: props.mediaList || ListContextParent.value.listIsMedia,
-        listIsSimple: props.simpleList || ListContextParent.value.listIsSimple,
-        listIsSortable: props.sortable || ListContextParent.value.listIsSortable,
-        listIsSortableOpposite: props.sortableOpposite || ListContextParent.value.listIsSortableOpposite
-      };
-    });
-    provide('ListContext', ListContext);
-    var classes = computed(function () {
-      return classNames('list-group', {
-        'media-list': props.mediaList,
-        sortable: props.sortable,
-        'sortable-tap-hold': props.sortableTapHold,
-        'sortable-opposite': props.sortableOpposite
-      }, colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/list-item-cell.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-list-item-cell',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('item-cell', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/list-item-row.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-list-item-row',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('item-row', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/login-screen-title.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-login-screen-title',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('login-screen-title', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};