|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- 'use strict';
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; }; // Styles
-
- // Mixins
-
-
- require('../../../src/stylus/components/_footer.styl');
-
- var _applicationable = require('../../mixins/applicationable');
-
- var _applicationable2 = _interopRequireDefault(_applicationable);
-
- var _colorable = require('../../mixins/colorable');
-
- var _colorable2 = _interopRequireDefault(_colorable);
-
- var _themeable = require('../../mixins/themeable');
-
- var _themeable2 = _interopRequireDefault(_themeable);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /* @vue/component */
- exports.default = {
- name: 'v-footer',
- mixins: [(0, _applicationable2.default)(null, ['height', 'inset']), _colorable2.default, _themeable2.default],
- props: {
- height: {
- default: 32,
- type: [Number, String]
- },
- inset: Boolean
- },
- computed: {
- applicationProperty: function applicationProperty() {
- return this.inset ? 'insetFooter' : 'footer';
- },
- computedMarginBottom: function computedMarginBottom() {
- if (!this.app) return;
- return this.$vuetify.application.bottom;
- },
- computedPaddingLeft: function computedPaddingLeft() {
- return !this.app || !this.inset ? 0 : this.$vuetify.application.left;
- },
- computedPaddingRight: function computedPaddingRight() {
- return !this.app || !this.inset ? 0 : this.$vuetify.application.right;
- },
- styles: function styles() {
- var styles = {
- height: isNaN(this.height) ? this.height : this.height + 'px'
- };
- if (this.computedPaddingLeft) {
- styles.paddingLeft = this.computedPaddingLeft + 'px';
- }
- if (this.computedPaddingRight) {
- styles.paddingRight = this.computedPaddingRight + 'px';
- }
- if (this.computedMarginBottom) {
- styles.marginBottom = this.computedMarginBottom + 'px';
- }
- return styles;
- }
- },
- methods: {
- /**
- * Update the application layout
- *
- * @return {number}
- */
- updateApplication: function updateApplication() {
- var height = parseInt(this.height);
- return isNaN(height) ? this.$el ? this.$el.clientHeight : 0 : height;
- }
- },
- render: function render(h) {
- var data = this.setBackgroundColor(this.color, {
- staticClass: 'v-footer',
- 'class': _extends({
- 'v-footer--absolute': this.absolute,
- 'v-footer--fixed': !this.absolute && (this.app || this.fixed),
- 'v-footer--inset': this.inset
- }, this.themeClasses),
- style: this.styles,
- ref: 'content'
- });
- return h('footer', data, this.$slots.default);
- }
- };
- //# sourceMappingURL=VFooter.js.map
|