@itools-front/ifrontui/es5/components/VMain/VMain.js

Vue Material Component Framework

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

require("..\\..\\..\\src\\components\\VMain\\VMain.sass");

var _ssrBootable = _interopRequireDefault(require("../../mixins/ssr-bootable"));

var _helpers = require("../../util/helpers");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

// Styles
// Mixins

/* @vue/component */
var _default = _ssrBootable.default.extend({
  name: 'v-main',
  props: {
    tag: {
      type: String,
      default: 'main'
    }
  },
  computed: {
    styles: function styles() {
      var _this$$ifrontui$appli = this.$ifrontui.application,
          bar = _this$$ifrontui$appli.bar,
          top = _this$$ifrontui$appli.top,
          right = _this$$ifrontui$appli.right,
          footer = _this$$ifrontui$appli.footer,
          insetFooter = _this$$ifrontui$appli.insetFooter,
          bottom = _this$$ifrontui$appli.bottom,
          left = _this$$ifrontui$appli.left;
      return {
        paddingTop: "".concat(top + bar, "px"),
        paddingRight: "".concat(right, "px"),
        paddingBottom: "".concat(footer + insetFooter + bottom, "px"),
        paddingLeft: "".concat(left, "px")
      };
    }
  },
  render: function render(h) {
    var data = {
      staticClass: 'v-main',
      style: this.styles,
      ref: 'main'
    };
    return h(this.tag, data, [h('div', {
      staticClass: 'v-main__wrap'
    }, (0, _helpers.getSlot)(this))]);
  }
});

exports.default = _default;
//# sourceMappingURL=VMain.js.map